Skip to content
On this page

DiffStat

On this page
Stable
8 variants
Edited by Ash Guillaume on 16 Nov 2022
Figma

Diffstats show how many additions or deletions occur within a diff. They are represented with a text label and five colored blocks. Each block represents a percentage of the code and will be colored positively (green) for additions and negatively (red) for deletions. No changes are in neutral tones (gray).

Playground

te,x,t: Label, st,a,t,e: rest (default)
te,x,t: Label, st,a,t,e: hover
st,a,t,e

Props

NameTypeValuesDefault
ha,,,s,,,T,,,o,,,o,,,l,,,t,,,i,,,p,,,?Booleanfalsetruefalse
va,,,r,,,i,,,a,,,n,,,tVariant# of changes+ (additions)+/- (both)- (deletions)# of changes

Has Tooltip

Variant