Jump to a component
AniCanonKit · Productions
Shorthand
Shorthand is camera and timing notation as an ekonte writes it: shot size, angle, move and when it starts and stops (C.U · low · T.U 0+00 → 5+00). Small caps, tabular figures. tone="accent" for a state that waits for you (To review), tone="secondary" for a settled one; the default is the notation colour.
Live, from @anicanon/sakuga 2.0.0
Sakuga for iOS and Android is coming
iOS
Web only
Shorthand is made for the web, and isn’t part of Sakuga for iOS yet.
Android
Web only
Shorthand is made for the web, and isn’t part of Sakuga for Android yet.
- Use it for
- Camera and timing notation as an ekonte writes it: shot size, angle, move and when it starts and stops (C.U · low · T.U 0+00 → 5+00).
- Not for
- Choosing a shot, an angle or a moveOptionTiles
- The direction set on a panel, a row per kindPropertyList
- Studio's folded section with its current valuePanelRow
- A cut's number and approvalCutCell
Guidelines
spokenis what a screen reader says in place of the notation ("close-up, low angle, track up from 0 to 5 seconds"); without it the notation is read as written.
import { Shorthand } from '@anicanon/sakuga/anicanonkit';
export default function ShorthandExample() {
return <Shorthand>C.U · low · T.U 0+00 → 5+00</Shorthand>;
}PropsShorthandProps
childrenrequiredReactNodetone'accent' | 'secondary'spokenstringclassNamestringEach 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
shorthand-fgShorthand: camera and timing notation.text-secondaryneutral-800#2e2d36text-secondaryneutral-200#dcdcdeshorthand-accentShorthand: a state that waits for you.text-accentcamellia-700#b42354text-accentcamellia-400#f4779fshorthand-secondaryShorthand: a settled state.text-secondaryneutral-800#2e2d36text-secondaryneutral-200#dcdcdeType
shorthand-fonttext-eyebrowshorthand-letter-spacingtracking-capsChecked 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; with
spokena screen reader says those words in place of the notation, which is hidden from it, and withoutspokenthe notation is read as written ("C.U", "T.U"). - 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.