diff --git a/help/docs/guide/index.md b/help/docs/guide/index.md index 0f0f63b..b06baab 100644 --- a/help/docs/guide/index.md +++ b/help/docs/guide/index.md @@ -38,15 +38,6 @@ Change how boxes look: colors, borders, sizing, margins, and padding. - [Alert example](styling.md#alert-example) - [Card example](styling.md#card-example) -## Images - -Display images, or use them as backgrounds or in patterns. - -- [Basic](images.md#basic) -- [Scale and clip images](images.md#scale-and-clip-images) -- [Use as background](images.md#use-as-background) -- [Use as pattern](images.md#use-as-pattern) - ## Layout Compose and arrange boxes to lay out content and control flow. @@ -65,38 +56,55 @@ Compose and arrange boxes to lay out content and control flow. - [Select tab](layout.md#select-tab) - [Select vertical tab](layout.md#select-vertical-tab) -## Forms +## Visual Components -Learn the basics of collecting inputs from the user. +### Buttons -- [Basic](forms.md#basic) -- [Horizontal](forms.md#horizontal) -- [Combined](forms.md#combined) -- [Improved](forms.md#improved) -- [Tabs](forms.md#tabs) -- [Vertical tabs](forms.md#vertical-tabs) +Use buttons to allow users to trigger actions. +They can be thought of as pickers that produce an immediate result when selected. -## Editing +- [Basic](buttons.md#basic) +- [Shorthand notation](buttons.md#shorthand-notation) +- [Mark button as primary](buttons.md#mark-button-as-primary) +- [Select primary button](buttons.md#select-primary-button) +- [Select multiple primary buttons](buttons.md#select-multiple-primary-buttons) +- [Add a menu](buttons.md#add-a-menu) +- [Add a menu to a primary button](buttons.md#add-a-menu-to-a-primary-button) +- [Set a caption](buttons.md#set-a-caption) +- [Lay out buttons vertically](buttons.md#lay-out-buttons-vertically) +- [Disable](buttons.md#disable) -Make changes to content already displayed on a page. +### Images -- [Basics](editing.md#basics) -- [Overwrite](editing.md#overwrite) -- [Overwrite before](editing.md#overwrite-before) -- [Overwrite after](editing.md#overwrite-after) -- [Overwrite inside](editing.md#overwrite-inside) -- [Add](editing.md#add) -- [Add before](editing.md#add-before) -- [Add at](editing.md#add-at) -- [Add after](editing.md#add-after) -- [Add inside](editing.md#add-inside) -- [Clear](editing.md#clear) -- [Clear before](editing.md#clear-before) -- [Clear after](editing.md#clear-after) -- [Clear inside](editing.md#clear-inside) -- [Selecting nested boxes](editing.md#selecting-nested-boxes) +Display images, or use them as backgrounds or in patterns. + +- [Basic](images.md#basic) +- [Scale and clip images](images.md#scale-and-clip-images) +- [Use as background](images.md#use-as-background) +- [Use as pattern](images.md#use-as-pattern) + +### Table + +Use tables to display detailed information in the form of a grid. +Tables can be thought of as pickers that allow one or more rows to be selected. +They are a good replacement for dropdowns and dropdown lists when each option has several displayable attributes. -## Popups +- [Basic](table.md#basic) +- [Make rows clickable](table.md#make-rows-clickable) +- [Use markdown in cells](table.md#use-markdown-in-cells) +- [Enable single select](table.md#enable-single-select) +- [Enable multi-select](table.md#enable-multi-select) +- [Set initial selection](table.md#set-initial-selection) +- [Mark rows as selected](table.md#mark-rows-as-selected) +- [Group rows](table.md#group-rows) +- [Group rows at multiple levels](table.md#group-rows-at-multiple-levels) +- [Set column width](table.md#set-column-width) +- [Set header icon](table.md#set-header-icon) +- [Disable column resizing](table.md#disable-column-resizing) +- [Enable multiline cells](table.md#enable-multiline-cells) +- [Handle changes immediately](table.md#handle-changes-immediately) + +### Popups Display content in popup dialogs. @@ -104,7 +112,123 @@ Display content in popup dialogs. - [Set popup title](popups.md#set-popup-title) - [Customize buttons](popups.md#customize-buttons) -## Textbox +### Banner + +Use banners to show errors, warnings, or important information related to an operation. + +- [Basic](banner.md#basic) + +### Separator + +Use a separator to visually separate form inputs into sections. + +- [Basic](separator.md#basic) +- [Set text alignment](separator.md#set-text-alignment) + +### Progress Bar + +Use progress bars to show the completion status of long-running operations. + +- [Basic](progress-bar.md#basic) +- [Set caption](progress-bar.md#set-caption) +- [Set completion](progress-bar.md#set-completion) + +### Spinner + +Use a spinner to indicate that a long-running operation is in progress, +and it's unsure how long it will take to complete. + +- [Basic](spinner.md#basic) +- [Set alignment](spinner.md#set-alignment) +- [Remove text](spinner.md#remove-text) + +### Graphics + +Draw visualizations, microcharts, sparklines, and other data graphics. + +- [Introduction](graphics.md#introduction) +- [Point](graphics.md#point) +- [Line](graphics.md#line) +- [Curve](graphics.md#curve) +- [Step](graphics.md#step) +- [Bar](graphics.md#bar) +- [Stroke](graphics.md#stroke) +- [Tick](graphics.md#tick) +- [Guide](graphics.md#guide) +- [Gauge](graphics.md#gauge) +- [Circular Gauge](graphics.md#circular-gauge) +- [Label](graphics.md#label) +- [Rectangle](graphics.md#rectangle) +- [Arc](graphics.md#arc) +- [Polyline](graphics.md#polyline) +- [Polygon](graphics.md#polygon) +- [Link](graphics.md#link) +- [Spline](graphics.md#spline) +- [Win Loss](graphics.md#win-loss) +- [Stacked bar](graphics.md#stacked-bar) +- [Bullet graph](graphics.md#bullet-graph) +- [Sankey diagram](graphics.md#sankey-diagram) +- [Network graph](graphics.md#network-graph) + +### Help + +Show context-sensitive hints and help. + +- [Basic](help.md#basic) +- [Using Markdown](help.md#using-markdown) +- [Navigation](help.md#navigation) +- [Localization](help.md#localization) +- [Hint](help.md#hint) +- [Hint with title](help.md#hint-with-title) +- [Hint with help](help.md#hint-with-help) +- [Hint localization](help.md#hint-localization) +- [More examples](help.md#more-examples) + +### Components + +A selection of useful components that you can copy and adapt. + +- [Tag](components.md#tag) +- [Badge](components.md#badge) +- [Avatar](components.md#avatar) +- [CTA](components.md#cta) +- [Dark CTA](components.md#dark-cta) +- [CTA with image](components.md#cta-with-image) +- [Alert](components.md#alert) +- [Alert with description](components.md#alert-with-description) +- [Alert with icon](components.md#alert-with-icon) +- [Pagination](components.md#pagination) +- [Pagination with round buttons](components.md#pagination-with-round-buttons) +- [Progress indicator](components.md#progress-indicator) +- [Stat](components.md#stat) +- [Stat with icon](components.md#stat-with-icon) +- [Stat with change](components.md#stat-with-change) +- [Stat with floating change](components.md#stat-with-floating-change) + +### Cards + +Create content cards by stacking boxes together. + +- [Basic](cards.md#basic) +- [With gradient border](cards.md#with-gradient-border) +- [With image](cards.md#with-image) +- [Dark with image](cards.md#dark-with-image) +- [With stats](cards.md#with-stats) + +## Forms + +Learn the basics of collecting inputs from the user. + +- [Basic](forms.md#basic) +- [Horizontal](forms.md#horizontal) +- [Combined](forms.md#combined) +- [Improved](forms.md#improved) +- [Tabs](forms.md#tabs) +- [Vertical tabs](forms.md#vertical-tabs) + +## Form Components + +### Textbox Use textboxes to capture text inputs and passwords. @@ -123,7 +247,7 @@ Use textboxes to capture text inputs and passwords. - [Enable multiple lines](textbox.md#enable-multiple-lines) - [Disable](textbox.md#disable) -## Spinbox +### Spinbox Use spinboxes to capture numeric inputs. A spinbox lets users incrementally adjust a value in small steps. @@ -143,7 +267,7 @@ A spinbox lets users incrementally adjust a value in small steps. - [Handle changes immediately](spinbox.md#handle-changes-immediately) - [Disable](spinbox.md#disable) -## Checkbox +### Checkbox Use a checkbox to choose between two mutually exclusive options. @@ -152,14 +276,14 @@ Use a checkbox to choose between two mutually exclusive options. - [Handle changes immediately](checkbox.md#handle-changes-immediately) - [Disable](checkbox.md#disable) -## Toggle +### Toggle Use a toggle to choose between two mutually exclusive options, with an immediate result. - [Basic](toggle.md#basic) - [Disable](toggle.md#disable) -## Pickers +### Pickers Use pickers to pick one or more options from several options. Buttons, checklists, dropdowns, and color pickers are all examples of pickers. @@ -174,7 +298,7 @@ Buttons, checklists, dropdowns, and color pickers are all examples of pickers. - [Mark as required](pickers.md#mark-as-required) - [Show an error message](pickers.md#show-an-error-message) -## Options +### Options Learn how to create options for pickers. Options can be created from strings, sequences, tuples, or dictionaries. @@ -186,23 +310,7 @@ Learn how to create options for pickers. Options can be created from strings, se - [Mark options as selected](options.md#mark-options-as-selected) - [Set initial selection](options.md#set-initial-selection) -## Buttons - -Use buttons to allow users to trigger actions. -They can be thought of as pickers that produce an immediate result when selected. - -- [Basic](buttons.md#basic) -- [Shorthand notation](buttons.md#shorthand-notation) -- [Mark button as primary](buttons.md#mark-button-as-primary) -- [Select primary button](buttons.md#select-primary-button) -- [Select multiple primary buttons](buttons.md#select-multiple-primary-buttons) -- [Add a menu](buttons.md#add-a-menu) -- [Add a menu to a primary button](buttons.md#add-a-menu-to-a-primary-button) -- [Set a caption](buttons.md#set-a-caption) -- [Lay out buttons vertically](buttons.md#lay-out-buttons-vertically) -- [Disable](buttons.md#disable) - -## Radio Buttons +### Radio Buttons Use radio buttons to pick one option from a small number of options. @@ -213,7 +321,7 @@ Use radio buttons to pick one option from a small number of options. - [Handle changes immediately](radio-buttons.md#handle-changes-immediately) - [Disable](radio-buttons.md#disable) -## Dropdown +### Dropdown Use a dropdown to pick one option from a large number of options. @@ -225,7 +333,7 @@ Use a dropdown to pick one option from a large number of options. - [Handle changes immediately](dropdown.md#handle-changes-immediately) - [Disable](dropdown.md#disable) -## Dropdown List +### Dropdown List Use a dropdown list to pick one or more options from a large number of options. @@ -235,7 +343,7 @@ Use a dropdown list to pick one or more options from a large number of options. - [Handle changes immediately](dropdown-list.md#handle-changes-immediately) - [Disable](dropdown-list.md#disable) -## Checklist +### Checklist Use checkboxes to pick one or more options from a small number of options. @@ -245,28 +353,7 @@ Use checkboxes to pick one or more options from a small number of options. - [Handle changes immediately](checklist.md#handle-changes-immediately) - [Disable](checklist.md#disable) -## Table - -Use tables to display detailed information in the form of a grid. -Tables can be thought of as pickers that allow one or more rows to be selected. -They are a good replacement for dropdowns and dropdown lists when each option has several displayable attributes. - -- [Basic](table.md#basic) -- [Make rows clickable](table.md#make-rows-clickable) -- [Use markdown in cells](table.md#use-markdown-in-cells) -- [Enable single select](table.md#enable-single-select) -- [Enable multi-select](table.md#enable-multi-select) -- [Set initial selection](table.md#set-initial-selection) -- [Mark rows as selected](table.md#mark-rows-as-selected) -- [Group rows](table.md#group-rows) -- [Group rows at multiple levels](table.md#group-rows-at-multiple-levels) -- [Set column width](table.md#set-column-width) -- [Set header icon](table.md#set-header-icon) -- [Disable column resizing](table.md#disable-column-resizing) -- [Enable multiline cells](table.md#enable-multiline-cells) -- [Handle changes immediately](table.md#handle-changes-immediately) - -## Slider +### Slider Use sliders to allow picking a number in a given range. @@ -285,7 +372,7 @@ Use sliders to allow picking a number in a given range. - [Handle changes immediately](slider.md#handle-changes-immediately) - [Disable](slider.md#disable) -## Range Slider +### Range Slider Use range sliders to allow picking a numeric range within a given range. @@ -303,7 +390,58 @@ Use range sliders to allow picking a numeric range within a given range. - [Handle changes immediately](range-slider.md#handle-changes-immediately) - [Disable](range-slider.md#disable) -## Time Picker +### Tag Picker + +Use a tag picker to pick one or more tags (short strings or labels) from a group. + +- [Basic](tag-picker.md#basic) +- [Set initial tags](tag-picker.md#set-initial-tags) +- [Mark tags as selected](tag-picker.md#mark-tags-as-selected) +- [Handle changes immediately](tag-picker.md#handle-changes-immediately) +- [Disable](tag-picker.md#disable) + +### Color Picker + +Use a color picker to pick an arbitrary color. + +- [Basic](color-picker.md#basic) +- [Set initial color](color-picker.md#set-initial-color) +- [Handle changes immediately](color-picker.md#handle-changes-immediately) +- [Disable](color-picker.md#disable) + +### Color Palette + +Use a color palette to pick one color from a group of colors. + +- [Basic](color-palette.md#basic) +- [Set initial color](color-palette.md#set-initial-color) +- [Mark colors as selected](color-palette.md#mark-colors-as-selected) +- [Handle changes immediately](color-palette.md#handle-changes-immediately) +- [Disable](color-palette.md#disable) + +### Rating + +Use a rating component to capture a star-rating. + +- [Basic](rating.md#basic) +- [Set initial rating](rating.md#set-initial-rating) +- [Allow zero stars](rating.md#allow-zero-stars) +- [Set maximum number of stars](rating.md#set-maximum-number-of-stars) +- [Combine min and max stars](rating.md#combine-min-and-max-stars) +- [Set range](rating.md#set-range) +- [Handle changes immediately](rating.md#handle-changes-immediately) +- [Disable](rating.md#disable) + +### File Upload + +Use a file upload component to get one or more files from the user. + +- [Basic](file-upload.md#basic) +- [Allow multiple files](file-upload.md#allow-multiple-files) +- [Set upload location](file-upload.md#set-upload-location) +- [Disable](file-upload.md#disable) + +### Time Picker Use a time picker to pick a time using a 12- or 24-hour clock. @@ -316,7 +454,7 @@ Use a time picker to pick a time using a 12- or 24-hour clock. - [Handle changes immediately](time-picker.md#handle-changes-immediately) - [Disable](time-picker.md#disable) -## Date Picker +### Date Picker Use a date picker to pick a date within a range. A date picker is a compact form of the calendar. @@ -331,7 +469,7 @@ Use a date picker to pick a date within a range. A date picker is a compact form - [Handle changes immediately](date-picker.md#handle-changes-immediately) - [Disable](date-picker.md#disable) -## Calendar +### Calendar Use a calendar to pick a date within a range. The calendar is an expanded form of a date picker. @@ -344,7 +482,7 @@ Use a calendar to pick a date within a range. The calendar is an expanded form o - [Handle changes immediately](calendar.md#handle-changes-immediately) - [Disable](calendar.md#disable) -## Week Picker +### Week Picker Use a week picker to pick a week in a given range. @@ -357,7 +495,7 @@ Use a week picker to pick a week in a given range. - [Handle changes immediately](week-picker.md#handle-changes-immediately) - [Disable](week-picker.md#disable) -## Month Picker +### Month Picker Use a month picker to pick a month in a given range. @@ -370,116 +508,24 @@ Use a month picker to pick a month in a given range. - [Handle changes immediately](month-picker.md#handle-changes-immediately) - [Disable](month-picker.md#disable) -## Tag Picker - -Use a tag picker to pick one or more tags (short strings or labels) from a group. - -- [Basic](tag-picker.md#basic) -- [Set initial tags](tag-picker.md#set-initial-tags) -- [Mark tags as selected](tag-picker.md#mark-tags-as-selected) -- [Handle changes immediately](tag-picker.md#handle-changes-immediately) -- [Disable](tag-picker.md#disable) - -## Color Picker - -Use a color picker to pick an arbitrary color. - -- [Basic](color-picker.md#basic) -- [Set initial color](color-picker.md#set-initial-color) -- [Handle changes immediately](color-picker.md#handle-changes-immediately) -- [Disable](color-picker.md#disable) +## Custom Clickable Components -## Color Palette - -Use a color palette to pick one color from a group of colors. - -- [Basic](color-palette.md#basic) -- [Set initial color](color-palette.md#set-initial-color) -- [Mark colors as selected](color-palette.md#mark-colors-as-selected) -- [Handle changes immediately](color-palette.md#handle-changes-immediately) -- [Disable](color-palette.md#disable) - -## Rating - -Use a rating component to capture a star-rating. - -- [Basic](rating.md#basic) -- [Set initial rating](rating.md#set-initial-rating) -- [Allow zero stars](rating.md#allow-zero-stars) -- [Set maximum number of stars](rating.md#set-maximum-number-of-stars) -- [Combine min and max stars](rating.md#combine-min-and-max-stars) -- [Set range](rating.md#set-range) -- [Handle changes immediately](rating.md#handle-changes-immediately) -- [Disable](rating.md#disable) - -## File Upload - -Use a file upload component to get one or more files from the user. - -- [Basic](file-upload.md#basic) -- [Allow multiple files](file-upload.md#allow-multiple-files) -- [Set upload location](file-upload.md#set-upload-location) -- [Disable](file-upload.md#disable) - -## Inputs +### Inputs Create custom input components that respond to gestures. - [Tap](inputs.md#tap) - [More](inputs.md#more) -## Banner +### Hotkeys -Use banners to show errors, warnings, or important information related to an operation. - -- [Basic](banner.md#basic) - -## Progress Bar - -Use progress bars to show the completion status of long-running operations. - -- [Basic](progress-bar.md#basic) -- [Set caption](progress-bar.md#set-caption) -- [Set completion](progress-bar.md#set-completion) - -## Spinner - -Use a spinner to indicate that a long-running operation is in progress, -and it's unsure how long it will take to complete. +Assign keyboard shortcuts to actions. -- [Basic](spinner.md#basic) -- [Set alignment](spinner.md#set-alignment) -- [Remove text](spinner.md#remove-text) +- [Tap](hotkeys.md#tap) -## Graphics +## Formatting Text and Numbers -Draw visualizations, microcharts, sparklines, and other data graphics. - -- [Introduction](graphics.md#introduction) -- [Point](graphics.md#point) -- [Line](graphics.md#line) -- [Curve](graphics.md#curve) -- [Step](graphics.md#step) -- [Bar](graphics.md#bar) -- [Stroke](graphics.md#stroke) -- [Tick](graphics.md#tick) -- [Guide](graphics.md#guide) -- [Gauge](graphics.md#gauge) -- [Circular Gauge](graphics.md#circular-gauge) -- [Label](graphics.md#label) -- [Rectangle](graphics.md#rectangle) -- [Arc](graphics.md#arc) -- [Polyline](graphics.md#polyline) -- [Polygon](graphics.md#polygon) -- [Link](graphics.md#link) -- [Spline](graphics.md#spline) -- [Win Loss](graphics.md#win-loss) -- [Stacked bar](graphics.md#stacked-bar) -- [Bullet graph](graphics.md#bullet-graph) -- [Sankey diagram](graphics.md#sankey-diagram) -- [Network graph](graphics.md#network-graph) - -## Format +### Format Learn the basics of formatting and templates. @@ -493,7 +539,7 @@ Learn the basics of formatting and templates. - [Format list sizes](format.md#format-list-sizes) - [Format locale](format.md#format-locale) -## Format Numbers +### Format Numbers Language-sensitive number and currency formatting. @@ -511,7 +557,7 @@ Language-sensitive number and currency formatting. - [Units](format-numbers.md#units) - [Numbering](format-numbers.md#numbering) -## Format Dates +### Format Dates Language-sensitive date, time, and relative time formatting. @@ -528,64 +574,6 @@ Language-sensitive date, time, and relative time formatting. - [Numbering](format-dates.md#numbering) - [Relative Time](format-dates.md#relative-time) -## Help - -Show context-sensitive hints and help. - -- [Basic](help.md#basic) -- [Using Markdown](help.md#using-markdown) -- [Navigation](help.md#navigation) -- [Localization](help.md#localization) -- [Hint](help.md#hint) -- [Hint with title](help.md#hint-with-title) -- [Hint with help](help.md#hint-with-help) -- [Hint localization](help.md#hint-localization) -- [More examples](help.md#more-examples) - -## Hotkeys - -Assign keyboard shortcuts to actions. - -- [Tap](hotkeys.md#tap) - -## Separator - -Use a separator to visually separate form inputs into sections. - -- [Basic](separator.md#basic) -- [Set text alignment](separator.md#set-text-alignment) - -## Components - -A selection of useful components that you can copy and adapt. - -- [Tag](components.md#tag) -- [Badge](components.md#badge) -- [Avatar](components.md#avatar) -- [CTA](components.md#cta) -- [Dark CTA](components.md#dark-cta) -- [CTA with image](components.md#cta-with-image) -- [Alert](components.md#alert) -- [Alert with description](components.md#alert-with-description) -- [Alert with icon](components.md#alert-with-icon) -- [Pagination](components.md#pagination) -- [Pagination with round buttons](components.md#pagination-with-round-buttons) -- [Progress indicator](components.md#progress-indicator) -- [Stat](components.md#stat) -- [Stat with icon](components.md#stat-with-icon) -- [Stat with change](components.md#stat-with-change) -- [Stat with floating change](components.md#stat-with-floating-change) - -## Cards - -Create content cards by stacking boxes together. - -- [Basic](cards.md#basic) -- [With gradient border](cards.md#with-gradient-border) -- [With image](cards.md#with-image) -- [Dark with image](cards.md#dark-with-image) -- [With stats](cards.md#with-stats) - ## Theming Learn how to customize your app's color scheme. @@ -597,6 +585,26 @@ Learn how to customize your app's color scheme. - [Accent color styles](theming.md#accent-color-styles) - [Accent color sampler](theming.md#accent-color-sampler) +## Editing + +Make changes to content already displayed on a page. + +- [Basics](editing.md#basics) +- [Overwrite](editing.md#overwrite) +- [Overwrite before](editing.md#overwrite-before) +- [Overwrite after](editing.md#overwrite-after) +- [Overwrite inside](editing.md#overwrite-inside) +- [Add](editing.md#add) +- [Add before](editing.md#add-before) +- [Add at](editing.md#add-at) +- [Add after](editing.md#add-after) +- [Add inside](editing.md#add-inside) +- [Clear](editing.md#clear) +- [Clear before](editing.md#clear-before) +- [Clear after](editing.md#clear-after) +- [Clear inside](editing.md#clear-inside) +- [Selecting nested boxes](editing.md#selecting-nested-boxes) + ## Advanced Learn some advanced tips and tricks to level up your Nitro skills. diff --git a/help/mkdocs.yml b/help/mkdocs.yml index 43ac398..3b3afdd 100755 --- a/help/mkdocs.yml +++ b/help/mkdocs.yml @@ -56,7 +56,7 @@ theme: - navigation.indexes # - navigation.instant # - navigation.prune - - navigation.sections + # - navigation.sections - navigation.tabs # - navigation.tabs.sticky - navigation.top @@ -164,49 +164,54 @@ nav: - 'guide/basics.md' - 'guide/markdown.md' - 'guide/styling.md' - - 'guide/images.md' - 'guide/layout.md' + - Visual Components: + - 'guide/buttons.md' + - 'guide/images.md' + - 'guide/table.md' + - 'guide/popups.md' + - 'guide/banner.md' + - 'guide/separator.md' + - 'guide/progress-bar.md' + - 'guide/spinner.md' + - 'guide/graphics.md' + - 'guide/help.md' + - 'guide/components.md' + - 'guide/cards.md' - 'guide/forms.md' - - 'guide/editing.md' - - 'guide/popups.md' - - 'guide/textbox.md' - - 'guide/spinbox.md' - - 'guide/checkbox.md' - - 'guide/toggle.md' - - 'guide/pickers.md' - - 'guide/options.md' - - 'guide/buttons.md' - - 'guide/radio-buttons.md' - - 'guide/dropdown.md' - - 'guide/dropdown-list.md' - - 'guide/checklist.md' - - 'guide/table.md' - - 'guide/slider.md' - - 'guide/range-slider.md' - - 'guide/time-picker.md' - - 'guide/date-picker.md' - - 'guide/calendar.md' - - 'guide/week-picker.md' - - 'guide/month-picker.md' - - 'guide/tag-picker.md' - - 'guide/color-picker.md' - - 'guide/color-palette.md' - - 'guide/rating.md' - - 'guide/file-upload.md' - - 'guide/inputs.md' - - 'guide/banner.md' - - 'guide/progress-bar.md' - - 'guide/spinner.md' - - 'guide/graphics.md' - - 'guide/format.md' - - 'guide/format-numbers.md' - - 'guide/format-dates.md' - - 'guide/help.md' - - 'guide/hotkeys.md' - - 'guide/separator.md' - - 'guide/components.md' - - 'guide/cards.md' + - Form Components: + - 'guide/textbox.md' + - 'guide/spinbox.md' + - 'guide/checkbox.md' + - 'guide/toggle.md' + - 'guide/pickers.md' + - 'guide/options.md' + - 'guide/radio-buttons.md' + - 'guide/dropdown.md' + - 'guide/dropdown-list.md' + - 'guide/checklist.md' + - 'guide/slider.md' + - 'guide/range-slider.md' + - 'guide/tag-picker.md' + - 'guide/color-picker.md' + - 'guide/color-palette.md' + - 'guide/rating.md' + - 'guide/file-upload.md' + - Date and Time Pickers: + - 'guide/time-picker.md' + - 'guide/date-picker.md' + - 'guide/calendar.md' + - 'guide/week-picker.md' + - 'guide/month-picker.md' + - Custom Clickable Components: + - 'guide/inputs.md' + - 'guide/hotkeys.md' + - Formatting Text and Numbers: + - 'guide/format.md' + - 'guide/format-numbers.md' + - 'guide/format-dates.md' - 'guide/theming.md' + - 'guide/editing.md' - 'guide/advanced.md' # End generated - Gallery: