# HelloCustomWidgets Render Gallery

- Generated: `2026-05-13T10:33:28`
- Source summary: `output/ci_web_smoke/summary.json`
- Widgets: `141`

![HelloCustomWidgets render gallery](widget-render-gallery.png)

## Input (39)

- [Auto Suggest Box](../demos/HelloCustomWidgets_input_auto_suggest_box/HelloCustomWidgets.html) - `input/auto_suggest_box`
- [Button](../demos/HelloCustomWidgets_input_button/HelloCustomWidgets.html) - `input/button`
- [Calendar Date Picker](../demos/HelloCustomWidgets_input_calendar_date_picker/HelloCustomWidgets.html) - `input/calendar_date_picker`
- [Calendar View](../demos/HelloCustomWidgets_input_calendar_view/HelloCustomWidgets.html) - `input/calendar_view`
- [Check Box](../demos/HelloCustomWidgets_input_check_box/HelloCustomWidgets.html) - `input/check_box`
- [Color Picker](../demos/HelloCustomWidgets_input_color_picker/HelloCustomWidgets.html) - `input/color_picker`
- [Combo Box](../demos/HelloCustomWidgets_input_combo_box/HelloCustomWidgets.html) - `input/combo_box`
- [Command Bar](../demos/HelloCustomWidgets_input_command_bar/HelloCustomWidgets.html) - `input/command_bar`
- [Command Bar Flyout](../demos/HelloCustomWidgets_input_command_bar_flyout/HelloCustomWidgets.html) - `input/command_bar_flyout`
- [Compound Button](../demos/HelloCustomWidgets_input_compound_button/HelloCustomWidgets.html) - `input/compound_button`
- [Date Picker](../demos/HelloCustomWidgets_input_date_picker/HelloCustomWidgets.html) - `input/date_picker`
- [Drop Down Button](../demos/HelloCustomWidgets_input_drop_down_button/HelloCustomWidgets.html) - `input/drop_down_button`
- [Field](../demos/HelloCustomWidgets_input_field/HelloCustomWidgets.html) - `input/field`
- [Hyperlink Button](../demos/HelloCustomWidgets_input_hyperlink_button/HelloCustomWidgets.html) - `input/hyperlink_button`
- [Menu Button](../demos/HelloCustomWidgets_input_menu_button/HelloCustomWidgets.html) - `input/menu_button`
- [Number Box](../demos/HelloCustomWidgets_input_number_box/HelloCustomWidgets.html) - `input/number_box`
- [Password Box](../demos/HelloCustomWidgets_input_password_box/HelloCustomWidgets.html) - `input/password_box`
- [Radio Button](../demos/HelloCustomWidgets_input_radio_button/HelloCustomWidgets.html) - `input/radio_button`
- [Radio Buttons](../demos/HelloCustomWidgets_input_radio_buttons/HelloCustomWidgets.html) - `input/radio_buttons`
- [Rating Control](../demos/HelloCustomWidgets_input_rating_control/HelloCustomWidgets.html) - `input/rating_control`
- [Repeat Button](../demos/HelloCustomWidgets_input_repeat_button/HelloCustomWidgets.html) - `input/repeat_button`
- [Rich Edit Box](../demos/HelloCustomWidgets_input_rich_edit_box/HelloCustomWidgets.html) - `input/rich_edit_box`
- [Scroll Bar](../demos/HelloCustomWidgets_input_scroll_bar/HelloCustomWidgets.html) - `input/scroll_bar`
- [Search Box](../demos/HelloCustomWidgets_input_search_box/HelloCustomWidgets.html) - `input/search_box`
- [Segmented Control](../demos/HelloCustomWidgets_input_segmented_control/HelloCustomWidgets.html) - `input/segmented_control`
- [Shortcut Recorder](../demos/HelloCustomWidgets_input_shortcut_recorder/HelloCustomWidgets.html) - `input/shortcut_recorder`
- [Slider](../demos/HelloCustomWidgets_input_slider/HelloCustomWidgets.html) - `input/slider`
- [Spin Button](../demos/HelloCustomWidgets_input_spin_button/HelloCustomWidgets.html) - `input/spin_button`
- [Split Button](../demos/HelloCustomWidgets_input_split_button/HelloCustomWidgets.html) - `input/split_button`
- [Swipe Control](../demos/HelloCustomWidgets_input_swipe_control/HelloCustomWidgets.html) - `input/swipe_control`
- [Switch](../demos/HelloCustomWidgets_input_switch/HelloCustomWidgets.html) - `input/switch`
- [Text Box](../demos/HelloCustomWidgets_input_text_box/HelloCustomWidgets.html) - `input/text_box`
- [Thumb Rate](../demos/HelloCustomWidgets_input_thumb_rate/HelloCustomWidgets.html) - `input/thumb_rate`
- [Tick Bar](../demos/HelloCustomWidgets_input_tick_bar/HelloCustomWidgets.html) - `input/tick_bar`
- [Time Picker](../demos/HelloCustomWidgets_input_time_picker/HelloCustomWidgets.html) - `input/time_picker`
- [Toggle Button](../demos/HelloCustomWidgets_input_toggle_button/HelloCustomWidgets.html) - `input/toggle_button`
- [Toggle Split Button](../demos/HelloCustomWidgets_input_toggle_split_button/HelloCustomWidgets.html) - `input/toggle_split_button`
- [Token Input](../demos/HelloCustomWidgets_input_token_input/HelloCustomWidgets.html) - `input/token_input`
- [Toolbar](../demos/HelloCustomWidgets_input_toolbar/HelloCustomWidgets.html) - `input/toolbar`

## Layout (45)

- [Accordion](../demos/HelloCustomWidgets_layout_accordion/HelloCustomWidgets.html) - `layout/accordion`
- [Adorner Decorator](../demos/HelloCustomWidgets_layout_adorner_decorator/HelloCustomWidgets.html) - `layout/adorner_decorator`
- [Block Ui Container](../demos/HelloCustomWidgets_layout_block_ui_container/HelloCustomWidgets.html) - `layout/block_ui_container`
- [Border](../demos/HelloCustomWidgets_layout_border/HelloCustomWidgets.html) - `layout/border`
- [Bullet Decorator](../demos/HelloCustomWidgets_layout_bullet_decorator/HelloCustomWidgets.html) - `layout/bullet_decorator`
- [Canvas](../demos/HelloCustomWidgets_layout_canvas/HelloCustomWidgets.html) - `layout/canvas`
- [Card Action](../demos/HelloCustomWidgets_layout_card_action/HelloCustomWidgets.html) - `layout/card_action`
- [Card Control](../demos/HelloCustomWidgets_layout_card_control/HelloCustomWidgets.html) - `layout/card_control`
- [Card Expander](../demos/HelloCustomWidgets_layout_card_expander/HelloCustomWidgets.html) - `layout/card_expander`
- [Content Control](../demos/HelloCustomWidgets_layout_content_control/HelloCustomWidgets.html) - `layout/content_control`
- [Content Presenter](../demos/HelloCustomWidgets_layout_content_presenter/HelloCustomWidgets.html) - `layout/content_presenter`
- [Data Grid](../demos/HelloCustomWidgets_layout_data_grid/HelloCustomWidgets.html) - `layout/data_grid`
- [Data List Panel](../demos/HelloCustomWidgets_layout_data_list_panel/HelloCustomWidgets.html) - `layout/data_list_panel`
- [Dock Panel](../demos/HelloCustomWidgets_layout_dock_panel/HelloCustomWidgets.html) - `layout/dock_panel`
- [Drawer](../demos/HelloCustomWidgets_layout_drawer/HelloCustomWidgets.html) - `layout/drawer`
- [Expander](../demos/HelloCustomWidgets_layout_expander/HelloCustomWidgets.html) - `layout/expander`
- [Figure](../demos/HelloCustomWidgets_layout_figure/HelloCustomWidgets.html) - `layout/figure`
- [Floater](../demos/HelloCustomWidgets_layout_floater/HelloCustomWidgets.html) - `layout/floater`
- [Grid](../demos/HelloCustomWidgets_layout_grid/HelloCustomWidgets.html) - `layout/grid`
- [Grid Splitter](../demos/HelloCustomWidgets_layout_grid_splitter/HelloCustomWidgets.html) - `layout/grid_splitter`
- [Grid View](../demos/HelloCustomWidgets_layout_grid_view/HelloCustomWidgets.html) - `layout/grid_view`
- [Group Box](../demos/HelloCustomWidgets_layout_group_box/HelloCustomWidgets.html) - `layout/group_box`
- [Headered Content Control](../demos/HelloCustomWidgets_layout_headered_content_control/HelloCustomWidgets.html) - `layout/headered_content_control`
- [Headered Items Control](../demos/HelloCustomWidgets_layout_headered_items_control/HelloCustomWidgets.html) - `layout/headered_items_control`
- [Inline Ui Container](../demos/HelloCustomWidgets_layout_inline_ui_container/HelloCustomWidgets.html) - `layout/inline_ui_container`
- [Items Control](../demos/HelloCustomWidgets_layout_items_control/HelloCustomWidgets.html) - `layout/items_control`
- [Items Repeater](../demos/HelloCustomWidgets_layout_items_repeater/HelloCustomWidgets.html) - `layout/items_repeater`
- [List](../demos/HelloCustomWidgets_layout_list/HelloCustomWidgets.html) - `layout/list`
- [Master Detail](../demos/HelloCustomWidgets_layout_master_detail/HelloCustomWidgets.html) - `layout/master_detail`
- [Parallax View](../demos/HelloCustomWidgets_layout_parallax_view/HelloCustomWidgets.html) - `layout/parallax_view`
- [Relative Panel](../demos/HelloCustomWidgets_layout_relative_panel/HelloCustomWidgets.html) - `layout/relative_panel`
- [Resize Grip](../demos/HelloCustomWidgets_layout_resize_grip/HelloCustomWidgets.html) - `layout/resize_grip`
- [Scroll Presenter](../demos/HelloCustomWidgets_layout_scroll_presenter/HelloCustomWidgets.html) - `layout/scroll_presenter`
- [Scroll Viewer](../demos/HelloCustomWidgets_layout_scroll_viewer/HelloCustomWidgets.html) - `layout/scroll_viewer`
- [Settings Card](../demos/HelloCustomWidgets_layout_settings_card/HelloCustomWidgets.html) - `layout/settings_card`
- [Settings Expander](../demos/HelloCustomWidgets_layout_settings_expander/HelloCustomWidgets.html) - `layout/settings_expander`
- [Settings Panel](../demos/HelloCustomWidgets_layout_settings_panel/HelloCustomWidgets.html) - `layout/settings_panel`
- [Split View](../demos/HelloCustomWidgets_layout_split_view/HelloCustomWidgets.html) - `layout/split_view`
- [Stack Panel](../demos/HelloCustomWidgets_layout_stack_panel/HelloCustomWidgets.html) - `layout/stack_panel`
- [Two Pane View](../demos/HelloCustomWidgets_layout_two_pane_view/HelloCustomWidgets.html) - `layout/two_pane_view`
- [Uniform Grid](../demos/HelloCustomWidgets_layout_uniform_grid/HelloCustomWidgets.html) - `layout/uniform_grid`
- [Viewbox](../demos/HelloCustomWidgets_layout_viewbox/HelloCustomWidgets.html) - `layout/viewbox`
- [Virtualizing Stack Panel](../demos/HelloCustomWidgets_layout_virtualizing_stack_panel/HelloCustomWidgets.html) - `layout/virtualizing_stack_panel`
- [Virtualizing Wrap Panel](../demos/HelloCustomWidgets_layout_virtualizing_wrap_panel/HelloCustomWidgets.html) - `layout/virtualizing_wrap_panel`
- [Wrap Panel](../demos/HelloCustomWidgets_layout_wrap_panel/HelloCustomWidgets.html) - `layout/wrap_panel`

## Navigation (13)

- [Annotated Scroll Bar](../demos/HelloCustomWidgets_navigation_annotated_scroll_bar/HelloCustomWidgets.html) - `navigation/annotated_scroll_bar`
- [Breadcrumb Bar](../demos/HelloCustomWidgets_navigation_breadcrumb_bar/HelloCustomWidgets.html) - `navigation/breadcrumb_bar`
- [Flip View](../demos/HelloCustomWidgets_navigation_flip_view/HelloCustomWidgets.html) - `navigation/flip_view`
- [Menu Bar](../demos/HelloCustomWidgets_navigation_menu_bar/HelloCustomWidgets.html) - `navigation/menu_bar`
- [Menu Flyout](../demos/HelloCustomWidgets_navigation_menu_flyout/HelloCustomWidgets.html) - `navigation/menu_flyout`
- [Nav Panel](../demos/HelloCustomWidgets_navigation_nav_panel/HelloCustomWidgets.html) - `navigation/nav_panel`
- [Pips Pager](../demos/HelloCustomWidgets_navigation_pips_pager/HelloCustomWidgets.html) - `navigation/pips_pager`
- [Pivot](../demos/HelloCustomWidgets_navigation_pivot/HelloCustomWidgets.html) - `navigation/pivot`
- [Selector Bar](../demos/HelloCustomWidgets_navigation_selector_bar/HelloCustomWidgets.html) - `navigation/selector_bar`
- [Tab Strip](../demos/HelloCustomWidgets_navigation_tab_strip/HelloCustomWidgets.html) - `navigation/tab_strip`
- [Tab View](../demos/HelloCustomWidgets_navigation_tab_view/HelloCustomWidgets.html) - `navigation/tab_view`
- [Title Bar](../demos/HelloCustomWidgets_navigation_title_bar/HelloCustomWidgets.html) - `navigation/title_bar`
- [Tree View](../demos/HelloCustomWidgets_navigation_tree_view/HelloCustomWidgets.html) - `navigation/tree_view`

## Display (32)

- [Access Text](../demos/HelloCustomWidgets_display_access_text/HelloCustomWidgets.html) - `display/access_text`
- [Animated Icon](../demos/HelloCustomWidgets_display_animated_icon/HelloCustomWidgets.html) - `display/animated_icon`
- [Arc](../demos/HelloCustomWidgets_display_arc/HelloCustomWidgets.html) - `display/arc`
- [Badge](../demos/HelloCustomWidgets_display_badge/HelloCustomWidgets.html) - `display/badge`
- [Badge Group](../demos/HelloCustomWidgets_display_badge_group/HelloCustomWidgets.html) - `display/badge_group`
- [Bitmap Icon](../demos/HelloCustomWidgets_display_bitmap_icon/HelloCustomWidgets.html) - `display/bitmap_icon`
- [Card Panel](../demos/HelloCustomWidgets_display_card_panel/HelloCustomWidgets.html) - `display/card_panel`
- [Counter Badge](../demos/HelloCustomWidgets_display_counter_badge/HelloCustomWidgets.html) - `display/counter_badge`
- [Divider](../demos/HelloCustomWidgets_display_divider/HelloCustomWidgets.html) - `display/divider`
- [Ellipse](../demos/HelloCustomWidgets_display_ellipse/HelloCustomWidgets.html) - `display/ellipse`
- [Font Icon](../demos/HelloCustomWidgets_display_font_icon/HelloCustomWidgets.html) - `display/font_icon`
- [Glyphs](../demos/HelloCustomWidgets_display_glyphs/HelloCustomWidgets.html) - `display/glyphs`
- [Image Control](../demos/HelloCustomWidgets_display_image_control/HelloCustomWidgets.html) - `display/image_control`
- [Image Icon](../demos/HelloCustomWidgets_display_image_icon/HelloCustomWidgets.html) - `display/image_icon`
- [Info Badge](../demos/HelloCustomWidgets_display_info_badge/HelloCustomWidgets.html) - `display/info_badge`
- [Info Label](../demos/HelloCustomWidgets_display_info_label/HelloCustomWidgets.html) - `display/info_label`
- [Label Control](../demos/HelloCustomWidgets_display_label_control/HelloCustomWidgets.html) - `display/label_control`
- [Line](../demos/HelloCustomWidgets_display_line/HelloCustomWidgets.html) - `display/line`
- [Path](../demos/HelloCustomWidgets_display_path/HelloCustomWidgets.html) - `display/path`
- [Path Icon](../demos/HelloCustomWidgets_display_path_icon/HelloCustomWidgets.html) - `display/path_icon`
- [Person Picture](../demos/HelloCustomWidgets_display_person_picture/HelloCustomWidgets.html) - `display/person_picture`
- [Persona](../demos/HelloCustomWidgets_display_persona/HelloCustomWidgets.html) - `display/persona`
- [Persona Group](../demos/HelloCustomWidgets_display_persona_group/HelloCustomWidgets.html) - `display/persona_group`
- [Polygon](../demos/HelloCustomWidgets_display_polygon/HelloCustomWidgets.html) - `display/polygon`
- [Polyline](../demos/HelloCustomWidgets_display_polyline/HelloCustomWidgets.html) - `display/polyline`
- [Presence Badge](../demos/HelloCustomWidgets_display_presence_badge/HelloCustomWidgets.html) - `display/presence_badge`
- [Rectangle](../demos/HelloCustomWidgets_display_rectangle/HelloCustomWidgets.html) - `display/rectangle`
- [Rich Text Block](../demos/HelloCustomWidgets_display_rich_text_block/HelloCustomWidgets.html) - `display/rich_text_block`
- [Status Bar](../demos/HelloCustomWidgets_display_status_bar/HelloCustomWidgets.html) - `display/status_bar`
- [Symbol Icon](../demos/HelloCustomWidgets_display_symbol_icon/HelloCustomWidgets.html) - `display/symbol_icon`
- [Tag](../demos/HelloCustomWidgets_display_tag/HelloCustomWidgets.html) - `display/tag`
- [Text Block](../demos/HelloCustomWidgets_display_text_block/HelloCustomWidgets.html) - `display/text_block`

## Feedback (12)

- [Activity Ring](../demos/HelloCustomWidgets_feedback_activity_ring/HelloCustomWidgets.html) - `feedback/activity_ring`
- [Dialog Sheet](../demos/HelloCustomWidgets_feedback_dialog_sheet/HelloCustomWidgets.html) - `feedback/dialog_sheet`
- [Flyout](../demos/HelloCustomWidgets_feedback_flyout/HelloCustomWidgets.html) - `feedback/flyout`
- [Info Bar](../demos/HelloCustomWidgets_feedback_info_bar/HelloCustomWidgets.html) - `feedback/info_bar`
- [Message Bar](../demos/HelloCustomWidgets_feedback_message_bar/HelloCustomWidgets.html) - `feedback/message_bar`
- [Progress Bar](../demos/HelloCustomWidgets_feedback_progress_bar/HelloCustomWidgets.html) - `feedback/progress_bar`
- [Skeleton](../demos/HelloCustomWidgets_feedback_skeleton/HelloCustomWidgets.html) - `feedback/skeleton`
- [Snackbar](../demos/HelloCustomWidgets_feedback_snackbar/HelloCustomWidgets.html) - `feedback/snackbar`
- [Spinner](../demos/HelloCustomWidgets_feedback_spinner/HelloCustomWidgets.html) - `feedback/spinner`
- [Teaching Tip](../demos/HelloCustomWidgets_feedback_teaching_tip/HelloCustomWidgets.html) - `feedback/teaching_tip`
- [Toast Stack](../demos/HelloCustomWidgets_feedback_toast_stack/HelloCustomWidgets.html) - `feedback/toast_stack`
- [Tool Tip](../demos/HelloCustomWidgets_feedback_tool_tip/HelloCustomWidgets.html) - `feedback/tool_tip`