Icons

Le jeu d'icônes commun.

Il n'a pas de composant principal : c'est une collection, et chaque icône y est une fonction. Toutes passent par le même socle — un trait de 1,8, des extrémités arrondies, une taille en em qui suit celle du texte, et un aria-hidden d'office. Une icône ne porte jamais de sens à elle seule; c'est le libellé à côté qui le porte.

Ce jeu couvre ce dont la bibliothèque a besoin, plus la navigation d'une console de gestion — dossier, serveur, utilisateurs, activité, clé, compte, déconnexion : ce que chaque application redessinait. Au-delà, un produit passe ses propres icônes en props plutôt que d'étendre celui-ci. Chaque icône est un export nommé, donc écartée du bundle quand on ne l'importe pas.

Installation

sia-ui add icons

Ou par le paquet, sans rien copier :

import { CalendarIcon, ClockIcon, ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon, XIcon, ArrowRightIcon, CheckIcon, ChevronUpIcon, SearchIcon, StarIcon, PlusIcon, MinusIcon, MoreHorizontalIcon, TrashIcon, UploadIcon, AlertCircleIcon, InfoIcon, SettingsIcon, EyeIcon, EyeOffIcon, HomeIcon, FolderIcon, ServerIcon, UserIcon, UsersIcon, ActivityIcon, KeyIcon, LockIcon, LogOutIcon, PencilIcon, SunIcon, MoonIcon } from "@sia-ui/react-web";

Voir aussi

• Le composant dans le catalogue — états, variantes, et bac à sable.
• La référence complète — tous les composants.