Версия: 26.1.0 (в разработке)

Type Alias: StandardIcons

StandardIcons = "Battery" | "Bell" | "Calendar" | "Call" | "Cancel" | "Chat" | "Check" | "Checkmark" | "Clip" | "Clipboard" | "Clock" | "Close" | "Cloud" | "Code" | "Connect" | "Contact" | "Contacts" | "Copy" | "Corporate" | "Crowns" | "Cut" | "Decrease" | "Description" | "Dialpad" | "Diamond" | "Dislike" | "Documentation" | "Dollar" | "Download" | "Draft" | "Drag" | "Edit" | "Emoji" | "Entrance" | "Eraser" | "Error" | "Exclamation" | "Exit" | "Eye" | "Eyedropper" | "File" | "Files" | "Filter" | "Flag" | "Folder" | "Group" | "Heart" | "Hierarchy" | "High" | "History" | "Home" | "Image" | "Inbox" | "Increase" | "Information" | "Insert" | "Key" | "Keyboard" | "Language" | "Laser" | "Like" | "Line" | "Link" | "Location" | "Low" | "Mail" | "Menu" | "Message" | "Microphone" | "Minus" | "Monitor" | "Note" | "Number" | "Octothorpe" | "Parameters" | "Password" | "Paste" | "Pause" | "Pentagon" | "Percent" | "Pin" | "Planet" | "Play" | "Plus" | "Print" | "Profile" | "Question" | "Rectangle" | "Redo" | "Refresh" | "Rename" | "Repair" | "Repeat" | "Replace" | "Review" | "Room" | "Ruble" | "Save" | "Search" | "Sent" | "Settings" | "Share" | "Sigma" | "Signature" | "Smile" | "Socket" | "Sorting" | "Spam" | "Star" | "Stickers" | "Stop" | "Symbol" | "Table" | "Tag" | "Team" | "Todo" | "Trash" | "Triangle" | "Undo" | "Upload" | "User" | "Video" | "Warning"

Тип, перечисляющий стандартные имена иконок, используемые в пользовательском интерфейсе.

Каждое значение представляет собой уникальное название иконки, которое можно применять к элементам UI для визуального отображения действий, состояний и категорий контента.

Категории иконок:

Действия: 'Save', 'Edit', 'Copy', 'Cut', 'Paste', 'Delete', 'Undo', 'Redo', 'Refresh'
Навигация: 'Home', 'Back', 'Next', 'Menu', 'Search', 'Filter', 'Sorting'
Файлы: 'File', 'Files', 'Folder', 'Download', 'Upload', 'Draft', 'Clipboard'
Связь: 'Mail', 'Message', 'Chat', 'Call', 'Contact', 'Contacts', 'User', 'Team', 'Share'
Визуальные объекты: 'Image', 'Video', 'Code', 'Symbol', 'Diamond', 'Triangle', 'Rectangle', 'Pentagon'
Состояния: 'Check', 'Checkmark', 'Error', 'Warning', 'Information', 'Question', 'Exclamation'
Разметка: 'Note', 'Description', 'Documentation', 'Signature', 'Dialpad', 'Keyboard'
Прочее: 'Bell', 'Calendar', 'Clock', 'Settings', 'Star', 'Heart', 'Pin', 'Flag', 'Tag'

Использование: Используйте эти значения при создании кнопок, вкладок, пунктов меню и других элементов, которые требуют визуального представления иконкой.

Example

// Кнопка сохранения с иконкой
const saveButton = {
  id: 'btn-save',
  type: 'button',
  title: 'Сохранить',
  icon: 'Save',
  onClick: () => handleSave()
};

// Кнопка удаления с иконкой ошибки
const deleteButton = {
  id: 'btn-delete',
  type: 'button',
  title: 'Удалить',
  icon: 'Trash',
  onClick: () => handleDelete()
};

// Кнопка редактирования
const editButton = {
  id: 'btn-edit',
  type: 'button',
  title: 'Редактировать',
  icon: 'Edit',
  onClick: () => handleEdit()
};

// Кнопка поиска
const searchButton = {
  id: 'btn-search',
  type: 'button',
  title: 'Поиск',
  icon: 'Search',
  onClick: () => handleSearch()
};

// Вкладка с иконкой
const documentsTab = {
  id: 'tab-docs',
  title: 'Документы',
  icon: 'Documentation',
};

Remarks

Применение в элементах:

Используется в параметре icon элементов с интерфейсом HasIcon
По умолчанию тип иконки iconType устанавливается на 'standard'
Иконка автоматически масштабируется под контекст элемента

Example​

Remarks​

Example

Remarks