Sakuga Back to Sakuga
Theme
Sound
Jump to a component

AniCanonKit · Productions

Revision

Revision shows a proposed change in place: the old words struck, the new ones underlined. Accept, Decline and Why sit beside it, per cut. Without before it is only an insertion: a new line proposed where there was none.

@anicanon/sakuga/anicanonkitv1.0Used onWebFrom AniCanon™

Live, from @anicanon/sakuga 2.0.0

Sakuga for iOS and Android is coming

iOS

Web only

Revision is made for the web, and isn’t part of Sakuga for iOS yet.

Android

Web only

Revision is made for the web, and isn’t part of Sakuga for Android yet.

Use it for
A proposed change shown in place, the old words struck and the new ones underlined, with Accept, Decline and Why beside it, or a new line where there was none.
Not for
  • A change of state, such as alive to deadStateChange
  • The Director's note on a cutSlip
  • Something Maki proposes inside the chatMakiCard
  • An event or link found in writingProposalCard
RevisionExample.jsxReact
import { Revision } from '@anicanon/sakuga/anicanonkit';

export default function RevisionExample() {
  return (
    <>
      <Revision
        before="Kiko comes down the stairs and"
        after="Kiko steps out of the smoke and"
      />
      {' stops between them.'}
    </>
  );
}

PropsRevisionProps

afterrequired
string
before
string
Leave out for an insertion.
className
string
RevisionExample.swiftiOS · coming soon
RevisionExample.ktAndroid · coming soon

Each token reads a role, and the role lands on a value in each theme. Change the role and every component that reads it follows.

Colour

revision-fromRevision: the struck text.
text-mutedneutral-600#5c5b67
text-mutedneutral-400#a3a3a7
revision-markRevision: the underline under the new text.
accentcamellia-600#c2335f
accentcamellia-400#f4779f

Space and shape

revision-del-underline-thickness
line-hairline
1px
revision-ins-underline-thickness
line-hairline
1px
revision-ins-underline-offset
underline-offset
3px

Checked automatically with axe-core 4.11.4 against WCAG 2.2 A and AA, on the live preview above, in light and dark, on 26 October 2026.

Result
No issues found, in light or in dark.
By design
Not focusable; read as "Removed:" and the old words, then "Added:" and the new ones, the two labels said but not shown.
Not tested
The automated check doesn't test keyboard use, focus order or what a screen reader says. The lines above are the design system's own account of them.