repository·master·Indexed 11 days ago
https://github.com/NG-ZORRO/ng-zorro-antdAn enterprise-class UI component library for Angular applications based on the Ant Design design system. It provides over 70 high-quality components with TypeScript support, internationalization, and performance optimizations like Zoneless/OnPush.
DatePicker component is a data entry component used to select or input a date. Users can click the input box to open a popup calendar and select a specific date.ng-zorro-antd is an enterprise-class Angular UI component library based on Ant Design. Key features include:
Zoneless and OnPush change detection modes.Zoneless and OnPush change detection modes.ng-zorro-antd shares the same major version as @angular/core. Currently supports Angular ^22.0.0.nz-anchor component is used to display a list of anchor links that allow users to jump to specific sections of a page. It also provides visual feedback by highlighting the currently active anchor as the user scrolls through the content.Version 19.0.0 introduced several new components and features:
cascader: Added support for multiple selection and custom nzPlacement for the dropdown overlay.checkbox: Redesigned nz-checkbox-group to support custom layouts.divider: Added nzVariant option.float-button: New component introduced.icon: New nz-icon selector available.image: Added support for closing the preview using the Esc key.input: New one-time password (OTP) component.menu: Added nzTriggerSubMenuAction to allow clicking to trigger submenus.qrcode: Added nzStatusRender for custom status rendering.segmented: Redesigned segmented component.space: New nz-space-compact component.table: Added support for setting nzSortDirections in global configuration.transfer: Added nzOneWay property for one-way styling.nz-time-picker component allows users to input or select a time via a standard input field that triggers a time selection panel. It supports various formats, 12-hour/24-hour modes, and custom time steps.The nz-carousel component is used to display a group of content areas in a rotating sequence. It is ideal for:
nz-typography component is used for basic text formatting, such as displaying titles, paragraphs, and lists (e.g., in articles, blogs, or logs). It also provides text-based utility operations like copying, editing, and ellipsis (truncation).DatePicker component is used for data entry when a user needs to input or select a date. Users can click on a standard input field to trigger a popup date panel for selection.Statistic component is used to highlight specific numbers or groups of numbers, often accompanied by descriptions. It supports standard numeric displays, countdown timers, and custom templates for both titles and values.The nz-slider component allows users to input a value within a specified range. It supports single thumb mode for a single value and dual thumb mode (nzRange) for selecting a range of values. It can be oriented vertically and supports custom tick marks, step granularity, and tooltip formatting.
<nz-slider [(ngModel)]="value"></nz-slider>The nz-transfer component is a dual-column selection box used for moving items between a source (left) column and a target (right) column. It is ideal for multi-selection scenarios where you need to display more information about options than a standard Select or TreeSelect component allows.
Key Concepts: