Syncfusion Feedback

Controls
  • Grids
    • Data Grid
    • Tree Grid
    • Spreadsheet
    • Pivot Table
  • Data Visualization
    • Charts
    • Stock Chart
    • Circular Gauge
    • Diagram
    • Maps
    • Bullet Chart
    • Kanban Board
    • Sparkline Charts
    • Charts
    • 3D Circular Charts
    • Linear Gauge
    • HeatMap Chart
    • TreeMap
  • Forms
    • Query Builder
  • Notification
    • Toast
    • Message
    • Skeleton
  • Editors
    • Rich Text Editor
    • Word Processor
    • Image Editor
  • Buttons
    • Button
  • Calendars
    • Scheduler
    • Gantt Chart
    • Calendar
    • DatePicker
    • DateRangePicker
    • DateTime Picker
    • TimePicker
  • DropDowns
    • AutoComplete
    • ComboBox
    • DropDownList
    • DropDown Tree
    • MultiSelect Dropdown
    • ListBox
    • Mention
  • Layout
    • ListView
    • Card
    • Dialog
    • Dashboard Layout
    • Timeline
    • Splitter
    • Avatar
  • Navigation
    • AppBar
    • Breadcrumb
    • Carousel
    • Menu Bar
    • Tabs
    • Sidebar
    • Toolbar
    • TreeView
    • File Manager
    • Context Menu
    • Accordion
    • Stepper
  • Inputs
    • Numeric Textbox
    • File Upload
    • Color Picker
    • Signature
    • Input Mask
    • Slider
    • In-place Editor
    • Rating
    • OTP Input
    • TextBox
    • Radio Button & Checkbox
    • TextArea
  • Smart Components
    • Smart TextArea
  • Interactive Chat
    • AI AssistView
  • General
    • Angular UI Kit

Angular Toolbar - Tutorial Videos

Go Back
thumbnail image

Watch video

Getting Started with the Angular Toolbar Component

A quick overview on how to create and configure the Syncfusion Angular Toolbar component in an Angular project. Angular Toolbar is a collection of clickable icons, buttons, or some input elements that perform specific functions when you click on them. In this video, you will learn how to add a simple Angular Toolbar to an Angular app and then how to set prefix icons, separators, and display modes. Finally, you will learn how to add input-based components like Numeric Textbox and Dropdown List to the Angular Toolbar.

Topics included
1. Introduction 00:00 min
2. Create an Angular project 01:03 min
3. Add Angular Toolbar module 01:42 min
4. Set prefix icons 03:00 min
5. Add toolbar item separator 03:57 min
6. Change display mode 04:47 min
7. Add input-based components 06:07 min
Plaform: Angular Show more
Chat with us