tessl/npm-fortawesome--vue-fontawesome
Official Vue component for Font Awesome 7
87
Evaluation results
100%
Icon Styling Showcase
Style and layout icons via props (size, border, fixedWidth, pull, rotation)
Icon component
100%
100%
Size prop
100%
100%
Border prop
100%
100%
Fixed width
100%
100%
Pull alignment
100%
100%
Rotation
100%
100%
100%
Normalized Icon Renderer
Render FontAwesomeIcon from normalized icon inputs
String default
100%
100%
Tuple pass-through
100%
100%
Object descriptors
100%
100%
Custom default prefix
100%
100%
Uses package renderer
100%
100%
100%
22%Icon Transform Controller
Transform controls including rotateBy and widthAuto
Icon component
100%
100%
String transform
100%
100%
Object transform
100%
100%
Incremental rotation
50%
100%
Auto width toggle
40%
100%
100%
Notification Counter Overlay
Counter text variant that rewrites layer text classes
Layer stacking
100%
100%
Counter prop
100%
100%
Position forwarding
100%
100%
Fixed width
100%
100%
Reactive updates
100%
100%
100%
Animated Icon Showcase
Animation effects (spin, pulse, bounce, shake, beat, fade, beatFade, flash, spinPulse, spinReverse, swapOpacity)
Icon binding
100%
100%
Animation mapping
100%
100%
Reactive switch
100%
100%
Layered badge
100%
100%
Spin variants
100%
100%
92%
55%Masked Icon Badge
Mask icons and support maskId composition
Mask prop
0%
100%
MaskId binding
0%
100%
Auto id strategy
80%
80%
Icon prop handling
100%
66%
Title passthrough
66%
100%
60%
-8%Icon Lookup Diagnostics
Dev-time logging when icon or mask lookup fails
Icon renderer
100%
100%
Icon registration
0%
0%
Dev missing icon log
100%
100%
Dev missing mask log
25%
0%
Production silence
86%
66%
Valid render no log
100%
100%
100%
27%Layered Notification Badge
Layered icon container with Font Awesome classes
Layers wrapper
60%
100%
Badge overlay
60%
100%
Dual icons
80%
100%
Fixed width
80%
100%
Badge toggle
100%
100%
85%
Layered Badge Icon
Text overlays for layers with positional badges
Layer wrapper
100%
100%
Badge text
100%
100%
Corner mapping
100%
100%
Counter label
40%
40%
30%
25%Accessible Icon Symbols
Symbol/title metadata for reusable and accessible SVGs
Symbol prop usage
0%
100%
Default title binding
25%
0%
Reuse via <use>
0%
0%
Per-instance title/id
0%
0%
Install with Tessl CLI
npx tessl i tessl/npm-fortawesome--vue-fontawesome- Evaluated
- Agent
- Codex