Update icons naming example

This commit is contained in:
Pascal Jufer 2023-10-29 10:53:44 +01:00
parent 0cfeb20dd5
commit 04bfbf1ff0
No known key found for this signature in database
4 changed files with 4 additions and 17 deletions

View file

@ -59,17 +59,4 @@ Default values for the most common props are given below:
## Icon names
For the most part, the Flutter widgets are named as PascalCase variations of their reference names (i.e. `add-circle-outline` becomes `AddCircleOutline`). However, some names have been altered slightly either because they start with numerical digits, which would lead to invalid Flutter widgets names, or because they are organisations which use PascalCase in their brand names, such as `GitHub`. The altered names are as follows:
| Iconoir Name | Flutter Widgets |
| ---------------- | --------------- |
| `1st-medal` | `Medal1St` |
| `4k-display` | `Display4K` |
| `4x4-cell` | `Cell4X4` |
| `360-view` | `View360` |
| `github` | `GitHub` |
| `github-outline` | `GitHubOutline` |
| `gitlab-full` | `GitLabFull` |
| `linkedin` | `LinkedIn` |
| `tiktok` | `TikTok` |
| `youtube` | `YouTube` |
The Flutter widges are named as PascalCase variations of their reference names (i.e. `airplane-helix-45deg` becomes `AirplaneHelix45deg`).

View file

@ -73,4 +73,4 @@ return (
## Icon names
The React components are named as PascalCase variations of their reference names (i.e. `add-circle-outline` becomes `AddCircleOutline`).
The React components are named as PascalCase variations of their reference names (i.e. `airplane-helix-45deg` becomes `AirplaneHelix45deg`).

View file

@ -67,6 +67,6 @@ return (
## Icon names
The React components are named as PascalCase variations of their reference names (i.e. `add-circle-outline` becomes `AddCircleOutline`).
The React components are named as PascalCase variations of their reference names (i.e. `airplane-helix-45deg` becomes `AirplaneHelix45deg`).
<SuggestLibrary />

View file

@ -90,6 +90,6 @@ import { IconoirProvider, Check } from '@iconoir/vue';
## Icon names
The Vue components are named as PascalCase variations of their reference names (i.e. `add-circle-outline` becomes `AddCircleOutline`).
The Vue components are named as PascalCase variations of their reference names (i.e. `airplane-helix-45deg` becomes `AirplaneHelix45deg`).
<SuggestLibrary />