website·Indexed 33 days ago
https://taiga-ui.dev/getting-started/A comprehensive UI kit for Angular applications. This documentation provides API specifications, implementation guides, and usage examples for a wide range of components including AppBar, Button, Calendar, DataList, Dialog, and various input controls across the CORE, KIT, LAYOUT, and ADDON-CHARTS packages.
tui-calendar component is a simple calendar provided by the CORE package. It is used for date selection. For text fields with date picking capabilities, use InputDate or InputDateRange instead.TuiTree component, part of the KIT package, is used to display tree-like data structures in an Angular application.tui-calendar component (from the EXPERIMENTAL package) provides a calendar interface for selecting single dates, multiple dates, or date ranges. Note: This is a work-in-progress component and its API may change.TuiInputRange component (from the KIT package) is a composite component that combines the functionality of a Textfield, two InputNumber fields, and a Range slider. It allows users to select a range of values using either a slider or direct numeric input.KIT package used to provide numerical input. It supports standard numbers and BigInt values, allows for range constraints (min/max), and integrates with tui-textfield for advanced styling and layout.@taiga-ui/kit package used to indicate an ongoing blocking action to the user.TuiTiles is a lightweight, touch-friendly drag-and-drop grid component provided by the @taiga-ui/kit package. It does not come with predefined styles, allowing developers to define the grid layout and tile appearance via CSS/LESS.tui-progress-circle component from the KIT package is used to visually represent the completion of a process or operation as a partially filled circle or ring. It indicates the current progress relative to a maximum value.TuiInputSlider is a composite component that combines the functionality of a Textfield, InputNumber, and Slider. It allows users to input a numeric value either by typing into a text field or by adjusting a range slider.TuiBadge component from the @taiga-ui/kit package is used to display text, pictures, and icons as badges. It can be applied to various HTML elements like div, span, or img using the tuiBadge directive.<div tuiBadge>Default Badge</div>ADDON-TABLE package, allows developers to create various types of tables, including static data displays and editable tables.TuiFilter component (from the KIT package) displays a set of separated items that can be toggled to filter content on a page. It supports custom content templates, badges to show item counts, and configurable item sizes.