jQWidgets
  • Docs
  • License and Pricing
  • Services
  • Community
    • Forums
    • Blogs
    • Follow Us
    • Client Login
  • About
    • About Us
    • Contact Us
    • FAQ
  • Products
    • Angular
    • React
    • Vue
    • jQuery
    • Web Components
    • Blazor
    • Svelte
    • Templates
  • Download
Angular UI Components
  • Javascript/jQuery
  • Angular
  • Vue
  • React
  • Web Components
  • Blazor
  • Templates
  • Theme Builder
  • Artavolo
Show Demo List

Angular UI Components (Angular 16–22 supported)

Data Grids and Tables

  • jqxGrid
  • jqxPivotGrid
  • jqxTreeGrid
  • jqxDataTable

Charts and Visualization

  • jqxChart
  • jqxGauge
  • jqxBarGauge
  • jqxBulletChart
  • jqxHeatMap
  • jqxTreeMap
  • jqxRangeSelector
  • jqxBarcode New
  • jqxQRcode New
  • jqxDraw

Scheduling and Planning

  • jqxScheduler
  • jqxGantt
  • jqxKanban
  • jqxTimeline

AI and Collaboration

  • jqxChat New

Editors and Inputs

  • jqxEditor
  • jqxForm
  • jqxDateTimeInput
  • jqxCalendar
  • jqxTimePicker
  • jqxInput
  • jqxNumberInput
  • jqxMaskedInput
  • jqxFormattedInput
  • jqxComplexInput
  • jqxPasswordInput
  • jqxTextArea
  • jqxColorPicker
  • jqxSlider
  • jqxKnob
  • jqxRating
  • jqxButtons
  • jqxCheckBoxGroup New
  • jqxFileUpload
  • jqxValidator
  • jqxValidator

Lists and Selection

  • jqxDropDownList
  • jqxComboBox
  • jqxListBox
  • jqxTree
  • jqxPickList New

Navigation and Menus

  • jqxTabs
  • jqxMenu
  • jqxToolBar
  • jqxRibbon
  • jqxNavigationBar
  • jqxNavBar
  • jqxListMenu

Layout and Containers

  • jqxSplitter
  • jqxLayout
  • jqxDockingLayout
  • jqxDocking
  • jqxSplitLayout
  • jqxPanel
  • jqxExpander
  • jqxResponsivePanel
  • jqxScrollView
  • jqxScrollBar

Popups and Feedback

  • jqxWindow
  • jqxNotification
  • jqxTooltip
  • jqxPopOver
  • jqxLoader
  • jqxProgressBar

Data and Utilities

  • jqxDragDrop
  • jqxSortable

jqxButtons

  • Default Functionality
  • ToggleButton
  • RepeatButton
  • DropDown Button
  • CheckBox
  • CheckBox Two Way Data Binding
  • RadioButton
  • SwitchButton
  • SwitchButton Two Way Data Binding
  • Button Group
  • Radio Button Group (NEW)
  • CheckBox Group (NEW)
  • Button Group Templates
  • Buttons with Images
  • Buttons Text Position
  • Buttons Image Position
  • Fluid Size
  • Button Templates
  • Right to Left Layout
Theme:
  • Demo
  • App.htm
  • app.ts
  • app.html
  • main.ts
  • API Reference

Angular Buttons

The Button component for Angular is an improved alternative to the standard button including new functionality. It enables in addition theming and allows for the creation of consistent good looking User Interfaces. There are several types of buttons supported by the component. The ToggleButton represents a Button which can switch its state after a click. The RepeatButton raises the 'click' event repeatedly while pressed. The LinkButton is a Button created from an anchor element. The CheckBox button shows a check box allowing the end-user to select a true, false or indeterminate status. With the RadioButton, users can make choices among mutually exclusive, related options. The DropDownButton enables displaying any type of content in a popup.

angular button

About jqxButtons for Angular

jqxButtons is the jQWidgets Buttons component for Angular. Button, toggle, repeat, link, check box, radio button and switch button controls.

19 jqxButtons demos with source code

  • Default Functionality – The default functionalities in Angular Button.
  • ToggleButton – This example represents the two states of the Angular ToggleButton - Toggled ON and Toggled OFF.
  • RepeatButton – This example of Angular RepeatButton represents a button widget derived from the Angular Button.
  • DropDown Button – Of Angular DropDownButton, you can display any type of content in a popup.
  • CheckBox – The CheckBox demo of the Angular Buttons.
  • CheckBox Two Way Data Binding – Angular CheckBox Two Way Data Binding.
  • RadioButton – Of Angular RadioButton, users make a choice among a set of mutually exclusive, related options, only one option can be selected at the end.
  • SwitchButton – Angular SwitchButton with a behavior that is similar to the Angular CheckBox. It has two states - checked and unchecked (on/off).
  • SwitchButton Two Way Data Binding – Angular SwitchButton's Button Two Way Data Binding.
  • Button Group – That Angular ButtonGroup creates a set of buttons that can work as normal buttons, radio buttons or checkboxes.
  • Radio Button Group – Angular Radio Buttons Group.
  • CheckBox Group – The CheckBox Group demo of the Angular Buttons.
  • Button Group Templates – Angular Button Group Templates.
  • Buttons with Images
  • Buttons Text Position – Angular Buttons TextPositioning.
  • Buttons Image Position – Angular Button Image Positioning.
  • Fluid Size – The width and height of the Angular Buttons and Angular CheckBoxes, are set with percentages.
  • Button Templates – Are shown Angular Button Templates.
  • Right to Left Layout – Enable the Right-to-Left property of Angular Buttons.

jqxButtons API

jqxButtons has 16 properties, 1 event and 4 methods, all in the API reference. Its main members, those its demos use first:

  • value (property) – Sets or gets the button's value.
  • imgSrc (property) – Sets or gets the button's image source.
  • imgPosition (property) – Sets or gets the button's image position.
  • textPosition (property) – Sets or gets the button's text position.
  • click (event) – This event is triggered when the button is clicked.
  • textImageRelation (property) – Sets or gets the button's text image relation.
  • template (property) – Determines the button's template as an alternative of the default styles.
  • val (method) – Sets or gets the value.
  • imgWidth (property) – Sets or gets the button's image width.
  • imgHeight (property) – Sets or gets the button's image height.

Learn more

  • Getting started
  • API reference
  • JavaScript version
jQWidgets
  • Facebook
  • X (Twitter)
  • Demo
  • Download
  • Documentation
  • License and Pricing
  • Services
  • Products
  • Angular UI Components
  • React UI Components
  • Vue UI Components
  • Blazor UI Components
  • jQuery UI Components
  • Javascript UI Components
  • Svelte Data Grid (SvGrid)
  • Forums
  • About
  • Terms of Use
  • Privacy Policy
  • Contact Us

jQWidgets © 2011-2026. All Rights Reserved.