npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@progress/kendo-angular-buttons

v16.0.0

Published

Buttons Package for Angular

Downloads

284,527

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Maintainers

progressprogress

Keywords

AngularButtonButtonGroupButtonsKendo UIProgress

Readme

Kendo UI for Angular Buttons Package (Button, ButtonGroup, Chip and ChipList, DropDownButton, FloatingActionButton, and SplitButton)

Important

  • This package is part of Kendo UI for Angular—a commercial library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
  • You will need to install a license key when adding the package to your project. For more information, please refer to the Kendo UI for Angular My License page.
  • To receive a license key, you need to either purchase a license or register for a free trial. Doing so indicates that you accept the Kendo UI for Angular License Agreement.
  • The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!

Start using Kendo UI for Angular and speed up your development process!

What's in this package (ToC):

Angular Button Component

The Angular Button performs any action attached to it and will trigger and event when clicked. You can communicate the button's purprose with text only, and image (or icon only), or both. Additionally, built-in propertys help you easily configure the appearance.

Key Features

  • Icon Button: Chose an icon from the Kendo UI Icon library or provide your own image to give the button a viusal element.
  • Toggleable Button: Allow users to toggle true/false values and show which is active.
  • Appearance: Set the button's size, border radius, fill mode, and theme color.

Angular ButtonGroup Component

The Angular ButtonGroup serves as a container for two or more buttons. The buttons contained within can be configured together or separately dending on your requirements.

Key Features

  • Single or Multiple Selection Modes: Choose to allow users to select only one button in each group or allow them to select multiple.
  • Buttons Collection: Conveniently and programatically render buttons and handle changes as a group.

Angular Chip Component

The Angular Chip Component represents a piece of information or an entity in a compact form. Chips, also called Pills, can typically be selected and removed. These useful tools are most often used to represent people in email clients.

Key Features

  • Appearance: Built-in options for size, border radius, fill, and theme colors make styling easy.
  • Content Setup: Either manually define content or programatically pass in a string.
  • Customization: Customize the default remove icon or display avatars.

Angular ChipList Component

The Angular Chiplist Component is a container for two or more Chip components. It's a great way to manage selected entities such as recipients of an email.

Key Features

  • Selection Mode: By default, Chips cannot be selected and the mode is set to none. But you can enable single or multiple selection modes.
  • Size: Setting the size of the ChipList determines the gap beteen individual Chips.

Angular DropDownButton Component

The Angular DropDownButton Component displays a list with action items when clicked. Many configuration options allow you to confure the button and its dropdown menu, bind data, set icons, and more.

Key Features

  • Data Binding: Populate the button and menu content by binding to local or remote data.
  • Templates: Use templates to customize the popup menu and the items contained within.
  • Icon DropDown: Choose to render an icon with the menu items by choosing from the Kendo UI Icon collection or provide your own.
  • Appearance: Built-in options for size, border radius, fill, and theme colors make styling easy.

Angular FloatingActionButton Component

The Angular FloatingActionButton makes the most primary function of the application most availble by rendeing a button overlayed in an obvious location. When clicked, you can optionally, show additional options. A common example without secondary actions is the new email button in your Gmail app. A common example of a FloatingActionButton with secondard actions is a share button. When clicked, it shows your sharing options.

Key Features

  • Icon FloatingActionButton: The FloatingActionButton enables you to display various types of icons including the built-in Kendo UI icons or your own images.
  • Positioning: Align and position the FloatingActionButton in relation to a web page, an HTML element, or another Angular Component.
  • Dial Items: Display a stack of related sub-actions when the FloatingActionButton is clicked.
  • Templates: Define templates to display custom content or customize the appearance of the FloatingActionButton Dial items list.
  • Appearance: The FloatingActionButton delivers ready-to-use, predefined sets of styling options.

Angular SplitButton Component

The Angular SplitButton Component gives the user a choise to click the main action or drop down a menu for additional choices.

Key Features

  • Icon SplitButton" The SplitButton enables you to display various types of icons including the built-in Kendo UI icons or your own images.
  • Popup Items and Templates: Configure the SplitButton popup and popup items by visually enhancing their rendering and by using templates for controlling their content.
  • Content: Configure the content of the SplitButton by adding it between the opening and the closing tags and by setting its text property.
  • Data Binding: Bind the SplitButton to data of the primitive (strings and numbers) or of the complex (data inside objects) type.

Angular Buttons Package Features

The following features are available across all the components in this package:

  • Disabled state: To make the component read-only, just change a single property.
  • Custom rendering: You can replace the content of the buttons with custom icons, text and elements.
  • Keyboard navigation: You can interact with the buttons using only the keyboard.
  • Accessibility support: The Buttons are compliant with WAI-ARIA and Section 508.
  • Theme support: The Angular Buttons, as well as all+ components in the Kendo UI for Angular suite, are styled in three polished themes (Bootstrap, Material, and Default) and can be further customized to match your specific design guidelines.

Support Options

For any issues you might encounter while working with the Angular Buttons, use any of the available support channels:

  • Industry-leading technical support: Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the dedicated support system.
  • Product forums: The Kendo UI for Angular forums are part of the free support you can get from the community and from the Kendo UI for Angular team.
  • Feedback portal: The Kendo UI for Angular feedback portal is where you can request and vote for new features to be added.

Resources

Questions and Feedback

Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.