summaryrefslogtreecommitdiff
path: root/graphics/pgf/contrib/quantikz/quantikz.tex
blob: 7f6b5ee15a86e77dd62a9daff957edc9e482619e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
1100
1101
1102
1103
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241
1242
1243
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
1263
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
1326
1327
1328
1329
1330
1331
\documentclass[aps,pra,10pt,nofootinbib]{revtex4-2}
%\documentclass{article}
%\pdfoutput=1
% Package(s) to include
%\listfiles
\usepackage{amsfonts,amssymb,amsmath}            % for math symbols.
\usepackage{lmodern,adjustbox}
\usepackage[skins,breakable]{tcolorbox}
\usepackage{tikz}
\usepackage{enumitem}
\usetikzlibrary{quantikz2}
\tcbuselibrary{listings}
\tcbuselibrary{breakable}
\usetikzlibrary{shapes.geometric}
\lstset{
basicstyle=\small\ttfamily,
columns=flexible,
breaklines=true
}
\usepackage[pdftex,hyperfigures,pdfpagelabels]{hyperref} 
%\lstloadlanguages{Latex}

\usetikzlibrary{external}
%\tikzexternalize
%\tikzset{/tikz/external/optimize=false}

% \NewDocumentEnvironment{Code}{O{}+b}{
% \begin{cod}
% \begin{center}
% #2
% \end{center}
% \tcblower
% % \begin{lstlisting}
% #2
% % \end{lstlisting}
% \end{cod}
% }{}

\newtcblisting{Code}{enhanced,fonttitle=\sffamily\bfseries\large,valign=center,drop fuzzy shadow,lefthand ratio=0.4,lower separated=false,text side listing,before upper=\centering
}
\newtcolorbox{FullCode}{enhanced,fonttitle=\sffamily\bfseries\large,valign=center,drop fuzzy shadow,breakable}
\tcbset{shield externalize} 

%define trimeter gate

\makeatletter

%add new anchors
\pgfaddtoshape{isosceles triangle}{
%define the anchor lstartone.
  \anchor{lstartone}{%
    \trianglepoints %built-in function for this shape. Defines certain macros with position info
    %get the position of the lower left corner. Stored in macros \pgf@x and \pgf@y
    \pgf@process{\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerleftanchor}{\pgfpointorigin}{\rotate}}}
    \pgf@ya=.5\pgf@y
    \pgf@process{\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerrightanchor}{\pgfpointorigin}{\rotate}}}
    \pgf@y=.5\pgf@y
    \advance\pgf@y by \pgf@ya%
    \advance\pgf@y by -\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}%
    %by end of function, position of anchor stored in \pgf@x and \pgf@y
  }
  \anchor{lstarttwo}{%
    \trianglepoints
    \pgf@process{\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerleftanchor}{\pgfpointorigin}{\rotate}}}
    \pgf@ya=.5\pgf@y
    \pgf@process{\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerrightanchor}{\pgfpointorigin}{\rotate}}}
    \pgf@y=.5\pgf@y
    \advance\pgf@y by \pgf@ya%
    \advance\pgf@y by \pgfkeysvalueof{/tikz/commutative diagrams/classical gap}%
  }
  \anchor{lendone}{%
    \trianglepoints
    \pgf@process{\pgfpointintersectionoflines%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\apexanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerrightanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{0cm}{-\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{0.5cm}{-\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}}}%
    }%
  }
  \anchor{lendtwo}{%
    \trianglepoints
    \pgf@process{\pgfpointintersectionoflines%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\apexanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerleftanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{0cm}{\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{0.5cm}{\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}}}%
    }%
  }
  %now do the anchors for a down wire
  \anchor{dstarttwo}{%
    \trianglepoints
    \pgf@process{\pgfpointintersectionoflines%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\apexanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerrightanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}{0cm}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}{0.5cm}}}%
    }%
  }
  \anchor{dstartone}{%
    \trianglepoints
    \pgf@process{\pgfpointintersectionoflines%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\apexanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerrightanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{-\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}{0cm}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{-\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}{0.5cm}}}%
    }%
  }
    \anchor{dendtwo}{%
    \trianglepoints
    \pgf@process{\pgfpointintersectionoflines%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\apexanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerleftanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}{0cm}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}{0.5cm}}}%
    }%
  }
  \anchor{dendone}{%
    \trianglepoints
    \pgf@process{\pgfpointintersectionoflines%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\apexanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerleftanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{-\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}{0cm}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{-\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}{0.5cm}}}%
    }%
  }
}

%aliases for r and u wires
\pgfdeclareanchoralias{isosceles triangle}{dendtwo}{ustartwo}
\pgfdeclareanchoralias{isosceles triangle}{dendone}{ustartone}
\pgfdeclareanchoralias{isosceles triangle}{dstarttwo}{uendtwo}
\pgfdeclareanchoralias{isosceles triangle}{dstartone}{uendone}
\pgfdeclareanchoralias{isosceles triangle}{lendtwo}{rstartwo}
\pgfdeclareanchoralias{isosceles triangle}{lendone}{rstartone}
\pgfdeclareanchoralias{isosceles triangle}{lstarttwo}{rendtwo}
\pgfdeclareanchoralias{isosceles triangle}{lstartone}{rendone}
\makeatother


\tikzset{
  trimeter/.style={
      thickness, % gets the line width correct
      filling,
      shape=isosceles triangle, %this is your shape name
      draw=black, %don't forget this, or you won't see much!
      inner sep=2pt
  }}
\DeclareExpandableDocumentCommand{\mygate}{O{}{m}}{|[trimeter,#1]| {#2}}



\begin{document}

\title{Tutorial on the Quantikz Package}
\date{\today}
\author{Alastair \surname{Kay}}
\affiliation{Royal Holloway University of London, Egham, Surrey, TW20 0EX, UK}
\email{alastair.kay@rhul.ac.uk}
\begin{abstract}
\end{abstract}
\maketitle
I've always used \href{https://arxiv.org/abs/quant-ph/0406003}{QCircuit} for typesetting quantum circuit diagrams within \LaTeX, but found the Xy-pic based notation rather impenetrable and I struggled to adapt it for my needs (this is probably my failing rather than the package's). Thus, I wanted a tikz package that could do the same. That package is Quantikz. Those familiar with QCircuit will recognise much of the notation, although it has evolved a bit (hopefully simplified!).

The latest release (denoted by version numbers 1.x) is a major step forward in terms of the behind-the-scenes code. Unfortunately, this has necessitated breaking some compatibility with previous versions. Your old circuits should still work, but they might not look exactly as expected! Primarily the concept of the wires in a circuit has been modified as classical wires were only ever an after-thought, but have now been elevated to an equivalent status to the quantum wire.

\tableofcontents

\section{Usage}

The quantikz package is available on CTAN, and will therefore be available through most (current) TeX distributions. Once installed, simply write
\begin{verbatim}
\usepackage{tikz}
\usetikzlibrary{quantikz2}
\end{verbatim}
in the preamble of your document
Now, each time that you want to include a quantum circuit, you just enclose it in a \verb!tikzcd! or \verb!quantikz! environment. (Theoretically, there is an advantange of \verb!quantikz! over \verb!tikzcd!, but \verb!tikzcd! is retained for backwards compatibility. Use \verb!quantikz! for preference.)

The current version of TeX on the arXiv is not up to date enough to provide the quantikz package. When uploading your source to the arXiv, you need to obtain the file tikzlibraryquantikz2.code.tex (you will always be able to locate it on your computer in the main tex directory if you have installed the package, but it should also accompany the source code of this file, and the most recent version is available \href{http://dx.doi.org/10.17637/rh.7000520}{here}). Just include the file in the main directory of your source code.

\section{Basic Usage}

Quantum circuits are laid out with a matrix notation, with cells separated by \& (just like all matrices, tables etc.\ in \LaTeX). Here, we typeset a single quantum wire.
\begin{Code}
\begin{quantikz}
&&&&&
\end{quantikz}
\end{Code}

New wires are created by the new line command, \textbackslash\textbackslash. By default, all wires are quantum wires, i.e.\ a single solid line.
\begin{Code}
\begin{quantikz}
&&&&& \\
&&&&&
\end{quantikz}
\end{Code}
Wire types can be changed at a global level. Options are \texttt{q} (quantum), \texttt{c} (classical), \texttt{b} (bundle) and \texttt{n} (none). Here we specify that the first wire is quantum, and the second is classical. We also show how to change the classical wire to a quantum one mid-circuit (without separating gates, it looks ugly).
\begin{Code}
\begin{quantikz}[wire types={q,c}]
&&&&& \\
&&&&\setwiretype{q}&
\end{quantikz}
\end{Code}
The wire change command affects the wire drawn from that cell, which is the one running back to the previous cell. This may mean changing the wire type in the column \emph{after} the one you're expecting!

\subsection{Gates \& Measurement}

Inside a cell (between two \&), you can insert a gate command. Often, this will just be \verb|\gate|, a plain box that contains a label corresponding to the parameter. The first optional parameter can be used to specify the number of qubits that the gate spans. You always put the command in the first cell in which that gate should appear. The label of the gate command is already in math mode, so you can enter arbitrary mathematical functions.
\begin{Code}
\begin{quantikz}
&\gate{H}&\gate[2]{U}&\gate{R_Z(\theta)}& \meter{} \\
&&&\phase{\alpha} &
\end{quantikz}
\end{Code}
You can also see in the above example how to add a measurement gate (of which there are a number of variants) and a phase gate.

It is important that gate commands come before any other commands in a cell, such as those changing wire type. You do not typically put a gate command in the first cell (the one before the first \& in a row) as there won't be an entering wire in that case.

Make sure you include the trailing \& after the gate, or you won't have a wire coming out of the last gate!

\subsection{Controlled Gates}

Controlled gates typically consist of two elements -- a control and a target. The control creates a vertical wire of a specified length (may be negative). Note that the target commands, although they don't accept a parameter, need the \{\} after their call. Standard gates can also be targets.
\begin{Code}
\begin{quantikz}
& \ctrl{1} & \targ{} & \swap{1} & \ctrl[vertical wire=c]{2} &&\\
& \control{} & \ctrl[open]{-1} & \targX{} && \gate{X} &\\
&&&& \gate{U} & \meter{} \wire[u][1]{c}
\end{quantikz}
\end{Code}
Other controls can be created simply by the addition of a vertical wire.
If you want a gate that is one control and several targets, it is often good enough to just create the vertical wire so that it goes to the most distant target. You may need the command \verb!\wire[d]{q}! (vertical quantum wire) to create vertical connections.

\begin{Code}
\begin{quantikz}
& \ctrl{2} & \gate{U} & \\
& \targ{} & \ctrl{1}\wire[u]{q} & \\
& \targ{} & \gate{V} &
\end{quantikz}
\end{Code}



% Classical control following a measurement is more naturally specified directly using the \verb!wire! command,
% \begin{Code}
% \begin{center}
% \begin{quantikz}
% & \meter{}\wire[d][2]{c} \\
% & &\meter{} & \ctrl[c]{1}\setwiretype{c}\\
% & \gate{U} && \gate{V}&
% \end{quantikz}
% \end{center}
% \tcblower
% \begin{lstlisting}
% \begin{quantikz}
% & \meter{}\wire[d][2]{c} \\
% & &\meter{} & \ctrl[c]{1}\setwiretype{c}\\
% & \gate{U} && \gate{V}&
% \end{quantikz}
% \end{lstlisting}
% \end{Code}
% Note how a wire can end early just by leaving out the \& at the end of a row, without have to \verb!\setwiretype{n}!.


\subsection{Labelling Circuits}

There are many ways to label the different parts of your circuit. The basic commands for labelling wires at the start/end of a circuit are \verb!\lstick! and \verb!\rstick! respectively. These can apply to multiple qubits; just apply the command to the first, and say how many wires it should cover. The arguments are typset in text mode, but you can of course convert to math mode.
\begin{Code}
\begin{quantikz}
\lstick{\ket{0}} & \gate{U} & \gate[2]{\sqrt{\textsc{swap}}} &\rstick[2]{out} \\
\lstick[2]{input} & \gate[2]{V} && \\
& & & \rstick{$\frac{1}{\sqrt{2}}$}
\end{quantikz}
\end{Code}
You can use standard \LaTeX\ maths expressions for your labels. Usually, spacing can be automatically adjusted just fine.



Sometimes, it might be that you want a multi-line label, and it should not be that each wire takes the height of those multiple lines. At this point, use the key \verb!disable auto height!. By default, each row will be assigned the height that a gate with label $U$ would be. This can be overridden by the third optional parameter of the gate command, if desired.

\begin{Code}
\begin{quantikz}
\lstick{$c_0$} & \gate[3,disable auto height]{\verticaltext{MAJ}} & & \\
\lstick{$c_1$} &  &  \gate[3,disable auto height]{\verticaltext{MAJ}} & \\
\lstick{$c_2$} &  &  &  \\
\lstick{$c_3$} &  &  & 
\end{quantikz}
\end{Code}
Note that we used the command \verb!\verticaltext! for typesetting the text vertically. 


Individual wires can also often be labelled. However, as this is typically an optional argument that appears late in the sequence, make sure you specify all proceeding parameters! For example,
\begin{Code}
\begin{quantikz}
& \ctrl[wire style={"s"}]{1} & \wire[l][1]["p"{above,pos=0.2}]{a} \\
& \targ{} &
\end{quantikz}
\end{Code}
You will observe that stylings can also be passed. The \texttt{pos} is a fraction of the distance along the line. In this case, it's being drawn right to left, hence being closer to the right-hand edge\footnote{In the previous incarnation of quantikz, there was an accidental, undocumented method to label control wires. Internal changes have necessitated breaking that functionality.}.

\subsection{Boxing/Highlighting Parts of a Circuit}\label{sec:boxing}

It is often useful to highlight parts of a circuit. We do this with the \verb!\gategroup! command. The optional parameters \verb!wires! (the default) and \verb!steps! specify the number of rows and columns that the group spans respectively. The mandatory argument is the label for the box (although this can be empty). The top-left corner of the box coincides with the cell in which the command is placed.
\begin{Code}
\begin{quantikz}
& \gate{H} & \ctrl{1} & \gate{H}\gategroup[2,steps=3,style={inner sep=6pt}]{reversed c-{\sc not}} & \ctrl{1} & \gate{H} & \ctrl{1} & & \\
& & \targ{} & \gate{H} & \targ{} & \gate{H} & \targ{} & \gate{H} &
\end{quantikz}
\end{Code}
This is probably where you want to start to tune some of the optional parameters to style the box the way you want. For more details beyond some basic examples that follow, see Sec.\ \ref{sec:style}. By default, this box is drawn on top of the circuit itself. If you want it to be behind (for example, should you want it to have a background colour), then use the \verb!background! option.
\begin{Code}
\begin{quantikz}
& \gate{H} & \ctrl{1}\gategroup[2,steps=3,style={dashed,rounded corners,fill=blue!20, inner xsep=2pt},background,label style={label position=below,anchor=north,yshift=-0.2cm}]{{\sc swap}} & \targ{} & \ctrl{1} & & \\
& & \targ{} & \ctrl{-1} & \targ{} & \gate{H} &
\end{quantikz}
\end{Code}
The \verb!label style! key can be used to tune the label's properties, including positioning. Note that it is often good to use \verb!anchor=mid! for label anchors because if you have multiple labels, this will help get them horizontally aligned. It just means you have to use some \verb!yshift! to move the label off the border around the gategroup.

\subsection{Slicing}

It is often helpful to `slice' up a circuit for the sake of explaining it step by step. To do this, we provide the \verb!\slice{title}! command, which inserts a dashed vertical line after the column in which the command is added.
\begin{Code}
\begin{quantikz}
& \gate{H}\slice{step}  & \ctrl{1} & \meter{} \\
&       & \targ{} & \ctrl{1} & \gate{H} & \\
& & & \targ{} & &
\end{quantikz}
\end{Code}
You can also slice every step by using option \verb!slice all!, and the labels will be automatically numbered. This is likely to behave strangely unless you explicitly ensure that all rows have the same number of entries (i.e.\ short rows should have extra \& characters added).
\begin{Code}
\begin{quantikz}[slice all]
& \gate{H} & \ctrl{1} & \meter{} &\setwiretype{n}& \\
&       & \targ{} & \ctrl{1} & \gate{H} & \\
& & & \targ{} & &
\end{quantikz}
\end{Code}
If you need to adjust where the last slice is, use the optional parameter \verb!remove end slices!, which counts the number of columns fewer to add slices to. You can also change the title of each of the slices, by setting \verb!slice titles!. Include the macro \verb!\col! in your specification if you want to use the step number. Note, however, that the columns won't automatically space themselves out to accommodate a very wide label. You can style the slicing lines with the \verb!slice style! key, and the labels with \verb!slice label style!. These can be used to rotate the labels and create a bit more space!
\begin{Code}
\begin{quantikz}[slice all,remove end slices=1,slice titles=slice \col,slice style=blue,slice label style={inner sep=1pt,anchor=south west,rotate=40}]
& \gate{H} & \ctrl{1} & \meter{} &\setwiretype{n}& \\
&       & \targ{} & \ctrl{1} & \gate{H} & \\
& & & \targ{} & &
\end{quantikz}
\end{Code}
\noindent If you get compile errors when trying to slice, check the last line of your matrix, and make sure it doesn't end in \textbackslash\textbackslash.

% The \verb!vertical slice labels! key reorients the labels as below. 
% \begin{Code}
% \begin{quantikz}[slice all,remove end slices=1,slice titles=slice \col,vertical slice labels]
% & \gate{H} & \ctrl{1} & \meter{} && \\
% &       & \targ{} & \ctrl{1} & \gate{H} & \\
% & & & \targ{} & &
% \end{quantikz}
% \end{Code}

\newpage
\section{Commands \& Options}

\begin{description}[style=nextline]
\item [\textbackslash begin\{quantikz\}{[opts]}\ldots\textbackslash end\{quantikz\}]
The main environment in which you create quantum circuit diagrams. The main body of the environment is a table, with cells separated by \&, and new rows started by \textbackslash\textbackslash.

\texttt{opts} is a comma separated list of the following options:

\begin{tabular}{p{4cm}p{10cm}}
\texttt{wire types = \{list\}} & \texttt{list} is a comma separated list defining the wire type for each wire in the circuit, choosing from \texttt{q} (quantum), \texttt{c} (classical), \texttt{b} (wire bundle), \texttt{n} (none) If not specified, all wires are assumed to be quantum.\\
\texttt{thin lines} & Option for circuit aesthetic with thinner lines. \\
\texttt{transparent} & Sets entire circuit to have transparent background. \\
\texttt{classical gap=} & Classical wires are created by placing two wires, at centre $\pm$ classical gap. Default: 0.03cm. \\
\texttt{align equals at = n} & place the vertical centre of the circuit at wire number n (can be non-integer). If \verb!wire types! is specified, this is automatically set to $(N+1)/2$ where $N$ is the length of the list (i.e.\ number of wires).\\
\texttt{slice all} & add slices on all columns\\
\texttt{remove end slices = n} & does not show the last n slices\\
\texttt{slice titles =} & use the assigned text to label each slice. Use \verb!\col! to convey column number. \\
\texttt{slice style =}& Standard tikz style commands for the lines of the slice. Enclose in \{\} if giving multiple commands\\
\texttt{slice label style =} & Standard tikz style commands for the label of the slice. Enclose in \{\} if giving multiple commands\\
\texttt{vertical slice labels} & write the text of the slices vertically instead of horizontally. \\
%\texttt{wire style =}&Set a default style for wires (e.g.\ specify a colour).
\end{tabular}

The environment also receives any standard tikzcd (and tikz) options. See \href{http://mirrors.ctan.org/graphics/pgf/contrib/tikz-cd/tikz-cd-doc.pdf}{that manual} for more information. Particularly useful cases include:

\begin{tabular}{p{4cm}p{10cm}}
\texttt{column sep = n} & put spacing between each column of length n (e.g.\ 1cm). This is the padding between columns, \emph{not} the centres of gates, unless you add the between origins key.\\
\texttt{row sep = n} & put spacing between each row of length n (e.g.\ 1cm). This is the padding between rows, \emph{not} the centres of gates, unless you add the between origins key.\\
\texttt{between origins} & makes the row/column sep measurement be between the centres of gates.
\end{tabular}

but you can also supply a colour, and that specifies the border colour of gates etc.

\item [\textbackslash setwiretype{[n]}\{t\}] 
Sets wire $n$ (default: current row, from that column onwards) to being of type $t$, which must be one of: \texttt{q} (quantum), \texttt{c} (classical) or \texttt{b} (bundle). Note that this will only affect the rendering from that point on, letting you change the wire type mid circuit. Should always come after any gate drawing command in a cell.
\begin{Code}
\begin{quantikz}
&&&\setwiretype{c}&&&
\end{quantikz}
\end{Code}
\item [\textbackslash wire{[d][n][s]}\{t\}]
Draw a wire starting from the current cell of type \texttt{t} which can be one of \texttt{a} (automatic), \texttt{q}, \texttt{c}, \texttt{b}, going in direction \texttt{d} (\texttt{u,d,l,r} for up/down/left/right) for a number of cells $n$. Automatic uses the current wire type of that wire. Note that the standard horizontal wire for that cell will still be drawn. Some styling can be specified using \texttt{s}. Largely unnecessary. Should always come after any gate drawing command in a cell.
\begin{Code}
\begin{quantikz}
&&&\wire[d][1]{c}&&&\\
&&&&&&
\end{quantikz}
\end{Code}
\item [\textbackslash wireoverride\{t\}]
Sets the wire type for the current cell (i.e.\ the wire starting in this cell and going backwards) to \texttt{t} without changing the wire type for the rest of the row. Should always come after any gate drawing command in a cell.
\begin{Code}
\begin{quantikz}
%of the 6 wire sections (count the &), knock out the third.
&&&\wireoverride{n}&&&
\end{quantikz}
\end{Code}
\item [\textbackslash qwbundle{[s]}\{n\}]
The standard typesetting of a wire bundle is 3 horizontal wires. Alternatively, you can use a single quantum wire, adding \textbackslash qwbundle to put a slash through the wire, labelled by \texttt{n}, typically the number of qubits that single wire represents. Should always come after any gate drawing command in a cell. The size of the strike can be altered by altering the parameter \texttt{s}:

\begin{tabular}{p{4cm}p{10cm}}
\texttt{style=} & Set the style of the line through a comma-separated list of tikz style commands. \\
\texttt{Strike Height=} & Set the height of the strike through\\
\texttt{Strike Width=} & Set the width of the strike through.
\end{tabular}

\begin{Code}
\begin{quantikz}[wire types={b,q},classical gap=0.07cm]
&&&& \\
& \qwbundle{n} &&&
\end{quantikz}
\end{Code}
\item [\textbackslash permute\{list\}]
Permutation of wires. Takes the comma separated \texttt{list} of positive integers and connects wire $n$ to the wire specified in the $n^{th}$ element of the list. Counting starts such that wire 1 is the current wire. All wires are assumed to be quantum wires.

For example, \verb!\permute{3,1,2}! connects the first qubit to the third (relative to the location of the command, not absolute row number), the second to the first and the third to the second.
\begin{Code}
\begin{quantikz}[background color=black!5!white]
 &\permute{3,1,2} & \\
 &  &  \\
 &  & 
 \end{quantikz}
\end{Code}
Note that the wiring code is not sophisticated -- it will probably look quite ugly for anything complicated! Also, it assumes that the wires are quantum (not classical or bundled). Overlapping wires are given a gap by using a thicker line of the colour \texttt{background color} (default: white), so if your circuit sits on top of something non-white (as here), you'll need to change that.

\item [\textbackslash linethrough]
Objects (e.g.\ gates) in cells take up their own space that, by default, wires do not cross. This command puts a quantum wire across the current cell. Note that this will appear underneath multi-qubit gates, and therefore invisible unless those gates are transparent.

One place where this might be useful is as a ``pass-through'' on a gate, such as 
\begin{Code}
\begin{quantikz}[transparent]
& \gate[2]{J_{12}} & \gate[3,label style={yshift=0.2cm}]{J_{13}} & &   \\
& & \linethrough &\gate[2]{J_{23}} & \\
&&&&
\end{quantikz}
\end{Code}

\item [\textbackslash push\{t\}]
Places text \texttt{t} on the quantum wire, with no spacing or gate command around it.
\begin{Code}
\begin{quantikz}
&&\push{X}&&
\end{quantikz}
\end{Code}

\item [\textbackslash phantomgate\{s\}, \textbackslash hphantomgate\{s\}]
Places a quantum wire that occupies that same space as a single-qubit gate with label \texttt{s} would. The h version only occupies horizontal space, not vertical.
\begin{Code}
\begin{quantikz}
& \gate{H} & \phantomgate{really wide gate} & \gate{H} & 
\end{quantikz}
\end{Code}

\item [\textbackslash ghost{[w][h]}\{l\}]
Creates an invisible quantum gate that has the same height as \verb!\gate[][w][h]{l}!. Just like any other gate command, this should come before any other commands in a cell, and cannot be in the same cell as another gate command.
\begin{Code}
\begin{quantikz}
%give the wires the same vertical space as if they had H gates on them
&&\ghost{H} \\
&& \ghost{H}
\end{quantikz}=\begin{quantikz}
 & \gate{H} & \\
 & \gate{H} &
\end{quantikz}
\end{Code}

\item [\textbackslash phase{[s]}\{l\}]
Creates a phase gate (black circle) with label \texttt{l}. The optional parameter \texttt{s} controls the styling via the parameters

\begin{tabular}{p{4cm}p{10cm}}
\texttt{style=} & Set the style of the line through a comma-separated list of tikz style commands. \\
\texttt{label style=} & Set the style of the label through a comma-separated list of tikz style commands.
\end{tabular}

\begin{Code}
\begin{quantikz}
& \phase{\alpha} &
\end{quantikz}
\end{Code}

\item [\textbackslash lstick{[s]}\{t\}, \textbackslash midstick{[s]}\{t\}, \textbackslash rstick{[s]}\{t\}]
Text placement for labelling a wire to left/middle/right using text \texttt{t} (in text mode, not math mode) and styled using comma separated list of commands \texttt{s} from

\begin{tabular}{p{4cm}p{10cm}}
\texttt{n} & If $n$ is a positive integer value, this is interpreted as the number of wires to use (default is 1). By default, introduces curly braces to span multiple wires. \\
\texttt{wires=n} & long-hand form of the above.\\
\texttt{label style=} & Styles the text using standard tikz commands. If using multiple commands, or anything involving a space, enclose in \{\}.\\
\texttt{brackets=}& Choose from \texttt{none/left/right/both} to switch on/off appropriate bracketing. (left won't affect \textbackslash lstick, and right won't affect \textbackslash rstick). \\
\texttt{braces=} & Styles the braces using standard tikz commands.
\end{tabular}

\begin{Code}
\begin{quantikz}
\lstick{\ket{0}} & \gate{H} & \midstick[2]{middle} & \gate{H}& \rstick[2,brackets=none]{out} \\
\lstick{\ket{0}} & \gate{H} &&\gate{H}&
\end{quantikz}
\end{Code}

\item [\textbackslash gate{[opts][w][h]}\{l\}] 
The standard quantum gate command. Creates a box containing the label \texttt{l}. \texttt{w} and \texttt{h} are optional minimum width and minimum height parameters to override the automatic sizing. Gate is styled using the optional parameter \texttt{opts}, which is a comma separated list of commands:

\begin{tabular}{p{4cm}p{10cm}}
\texttt{n} & If $n$ is a positive integer value, this is interpreted as the number of wires to use (default is 1).\\
\texttt{wires=n} & long-hand form of the above.\\
\texttt{style=} & Styles the gate (box) using standard tikz commands. If using multiple commands, or anything involving a space, enclose in \{\}.\\
\texttt{label style=} & Styles the gate text using standard tikz commands. If using multiple commands, or anything involving a space, enclose in \{\}.\\
\texttt{disable auto height} & pretty self-explanatory\\
\texttt{swap} & Fixes the gate to be a 2-qubit gate, depicting a swap between the two wires.
\end{tabular}

\begin{Code}
\begin{quantikz}
& \gate{H} & \gate[2]{U} & \gate[2,swap]{} & \\
&&&&
\end{quantikz}
\end{Code}

\item [\textbackslash gateinput{[s]}\{l\}, \textbackslash gateoutput{[s]}\{l\}]
Put a label \texttt{l} inside the current gate command, starting on the current row, on either the input or output. If spanning multiple rows, will group the wires using curly braces by default. The width of the containing gate does not automatically adjust to the contents of these extra labels, so you will have to add it with the second optional parameter of \verb!\gate!. Style with parameter \texttt{s} using comma separated list of commands from:

\begin{tabular}{p{4cm}p{10cm}}
\texttt{n} & If $n$ is a positive integer value, this is interpreted as the number of wires to span (default is 1).\\
\texttt{wires=n} & long-hand form of the above.\\
\texttt{label style=} & Styles the text using standard tikz commands. If using multiple commands, or anything involving a space, enclose in \{\}.\\
\texttt{braces=} & Styles the braces using standard tikz commands.
\end{tabular}

\begin{Code}
\begin{quantikz}
&\ctrl{1} & \\
&\gate[3][1.7cm]{U}\gateinput[2]{$x$}\gateoutput[2]{$x$} & \\
& & \\
&\gateinput{$y$}\gateoutput{$y\oplus f(x)$}
&
\end{quantikz}
\end{Code}

\item [\textbackslash meter{[opts][w][h]}\{l\}, \textbackslash metercw{[opts][w][h]}\{l\}]
Measurement gates of different styles. Measurement is labelled by label \texttt{l}. Styling specified by optional parameter \texttt{opts}, a comma separated list of tikz commands. (Note the similarity to the gate command.) Can span multiple wires.

\begin{Code}
\begin{quantikz}
& \metercw[label style={inner sep=1pt}]{x} & \meter[2]{y} \\
&&
\end{quantikz}
\end{Code}

\begin{tabular}{p{4cm}p{10cm}}
\texttt{n} & If $n$ is a positive integer value, this is interpreted as the number of wires to use (default is 1).\\
\texttt{wires=n} & long-hand form of the above.\\
\texttt{style=} & Styles the gate (box) using standard tikz commands. If using multiple commands, or anything involving a space, enclose in \{\}.\\
\texttt{label style=} & Styles the gate text using standard tikz commands. If using multiple commands, or anything involving a space, enclose in \{\}.\\
\texttt{disable auto height} & pretty self-explanatory\\
\end{tabular}

\item [\textbackslash measure{[s]}\{l\}, \textbackslash measuretab{[s]}\{l\}, \textbackslash meterD{[s]}\{l\}, \textbackslash inputD{[s]}\{l\}]
Single-qubit measurement gates of different styles. Measurement is labelled by label \texttt{l}. Styling specified by optional parameter \texttt{s}, a comma separated list of tikz style commands. Note that this is provided as \verb![s]! where most other gates would expect \verb![style=s]!. \verb!\inputD! is the equivalent for inputs of \verb!\meterD!. For \verb!\inputD!, incoming wire is disabled, overriding global style.
\begin{Code}
\begin{quantikz}
& \measure{x} \\
& \measuretab{x} \\
\inputD{0} & \meterD{x\vphantom{0}}
%vphantom makes the input and output shapes the same height, because x and 0 are different heights
\end{quantikz}
\end{Code}

\item [\textbackslash swap{[s]}\{n\}] 
Create an X shape on the current wire and a single vertical wire going downwards $n$ rows (may be negative). Used as a swap gate, typically paired with \verb!\targX!. Styled using parameter \texttt{s} as comma separated list of commands, some of which provide access to a partial swap:

\begin{tabular}{p{4cm}p{10cm}}
\texttt{partial swap=}&The text to place inside a circle \\
\texttt{partial position=}&Fractional position of the circle along the vertical line. Default: 0.5 (i.e.\ middle). \\
\texttt{style=}&Tikz styling parameters for the gate. \\
\texttt{label style=}&Tikz styling parameters for the label, overriding those of the whole gate. \\
\texttt{vertical wire=}& Specifies the type of vertical wire: \texttt{q} (quantum, default), \texttt{c} (classical) or \texttt{b} (bundle)
\end{tabular}

\begin{Code}
\begin{quantikz}[row sep=0.8cm]
& \swap[partial swap={\pi/4},partial position=0.3]{2} & \swap{1} &  \\
& & \targX{} & \\
& \targX{} &&
 \end{quantikz}
\end{Code}

\item [\textbackslash ctrl{[s]}\{n\}, \textbackslash octrl{[s]}\{n\}]
Starting point of a controlled gate, using filled circle (\textbackslash ctrl) or open circle (\textbackslash octrl). By default, single vertical line is added to go down $n$ rows (may be negative). Settings are controlled via the optional parameter \texttt{s}

\begin{tabular}{p{4cm}p{10cm}}
\texttt{style=}&Tikz styling parameters for the gate (both the circle and the vertical wire).\\
\texttt{wire style=}& Styling parameters for the wire only, overriding anything set by \texttt{style}. \\
\texttt{vertical wire=}& Specifies the type of vertical wire: \texttt{q} (quantum, default), \texttt{c} (classical) or \texttt{b} (bundle) \\
\texttt{open}& Makes the circle an open circle, i.e.\ \verb!\ctrl[open]{1}! is a synonym for \verb!\octrl{1}!.
\end{tabular}

\begin{Code}
\begin{quantikz}
& \ctrl{2} & \octrl{1} & \\
& \control{} & \targ{} & \\
& \ocontrol{} &&
\end{quantikz}
\end{Code}

\item [\textbackslash control{[s]}\{\}, \textbackslash ocontrol{[s]}\{\}]
Target equivalents of the above commands, but with no vertical wire. See previous two entries for usage examples.

\begin{tabular}{p{4cm}p{10cm}}
\texttt{style=}&Tikz styling parameters for the gate (both the circle and the vertical wire).\\
\texttt{open}& Makes the circle an open circle, i.e.\ \verb!\control[open]{}! is a synonym for \verb!\ocontrol{}!.
\end{tabular}



\item [\textbackslash targ{[s]}\{\}, \textbackslash targX{[s]}\{\}]
Target elements of controlled-not and controlled-swap (no vertical wire). \texttt{s} provides styling parameters. See previous entries for usage examples.

\begin{tabular}{p{4cm}p{10cm}}
\texttt{style=}&Tikz styling parameters for the gate.
\end{tabular}

\item [\textbackslash gategroup{[opts]}\{l\}]
Create a large box with top-left-hand corner positioned (roughly) at the top-left of the current cell. The box has label \texttt{l} and is styled with the options \texttt{opts}:

\begin{tabular}{p{4cm}p{10cm}}
\texttt{n} & If $n$ is a positive integer value, this is interpreted as the number of rows (wires) to cover (default is 1).\\
\texttt{wires=n} & long-hand form of the above.\\
\texttt{steps=m} & This is the number of columns (time steps) that the box covers. Default is 1. \\
\texttt{style=} & Styles the box using standard tikz commands. If using multiple commands, or anything involving a space, enclose in \{\}.\\
\texttt{label style=} & Styles the label text using standard tikz commands. If using multiple commands, or anything involving a space, enclose in \{\}. \\
\texttt{background} & Draw the gategroup behind the circuit (useful if the box has a background colour).
\end{tabular}

\begin{Code}
\begin{quantikz}
 & \ctrl{1} & \gate{H}\gategroup[2,steps=3,style={inner sep=6pt}]{reversed c-{\sc not}} & \ctrl{1} & \gate{H} & \ctrl{1} & \\
 & \targ{} & \gate{H} & \targ{} & \gate{H} & \targ{} &
\end{quantikz}
\end{Code}

\item [\textbackslash slice{[s]}\{l\}]
Insert a slice between the current column and the next, with a title of \texttt{l}. Styles can be applied via the optional parameter \texttt{s}:

\begin{tabular}{p{4cm}p{10cm}}
\texttt{style=}&Tikz styling parameters for the slice. \\
\texttt{label style=}&Tikz styling parameters for the title/label.
\end{tabular}

\begin{Code}
\begin{quantikz}
& \gate{H}\slice{step}  & \ctrl{1} & \meter{} \\
&       & \targ{} & \ctrl{1} & \gate{H} & \\
& & & \targ{} & &
\end{quantikz}
\end{Code}

\item [\textbackslash makeebit{[s]}\{l\}]
Create an e-bit. This places the label \texttt{l} halfway between the current row and the next row. Two lines come off this label, leading to the current wire and the one below.

\begin{tabular}{p{4cm}p{10cm}}
\texttt{style=}&Tikz styling parameters for the wires. \\
\texttt{label style=}&Tikz styling parameters for the label. \\
\texttt{angle=}&The angle of the two lines drawn, in degrees. Default: -45
\end{tabular}

\begin{Code}
\begin{quantikz}
\makeebit[angle=-60,label style=blue]{generate} & & \\
 & &
\end{quantikz}
\end{Code}

\item [\textbackslash trash{[s]}\{l\}, \textbackslash ground{[s]}\{l\}]
Two different ways of denoting the termination of a wire (e.g.\ tracing out). Label text \texttt{l}, styling options directly supplied via \texttt{s}.
\begin{Code}
\begin{quantikz}
&\gate[3]{U} & \\
&& \ground{} \\
&& \trash{\text{trace}}
\end{quantikz}
\end{Code}

\item [\textbackslash wave{[s]}\{\}]
Draw a wave along an entire row. \texttt{s} is standard tikz formatting commands for additional control over the style. By default, there is no wire drawn on this row. To have one, you should run \textbackslash setwiretype\{q\} immediately after the \textbackslash wave command.

\begin{Code}
\begin{quantikz}
& \gate{H} & \ctrl{3} & \ \ldots\  & & \gate{H} & \\
\wave&&&&&&\\
& \gate{H} &  & \ \ldots\  & \ctrl{1} & \gate{H} & \\
& & \gate{U} & \ \ldots\  & \gate{U^k} &  & 
\end{quantikz}
\end{Code}

\item [\textbackslash verticaltext\{l\}]
Present the text in label \texttt{l} as vertically stacked. Can be helpful for slices.

\item [\textbackslash ket\{l\}, \textbackslash bra\{l\}, \textbackslash proj\{l\}, \textbackslash braket\{l\}\{m\}]
Typeset Dirac notation $\ket{l}$, $\bra{l}$, $\proj{l}$ and $\braket{l}{m}$ respectively. These commands do not require math mode, and the braces will automatically resize to the argument. They are defined to behave well with other packages (e.g.\ physics) that may define the same commands. You may need to be careful of the order in which you load those packages: load quantikz \emph{after} the other package --- if quantikz sees that those commands are already defined, it does not redefine them. If you wish to ensure that you are using the version that this package defines, run \textbackslash forceredefine at the end of your preamble (after all packages have loaded). 

% % \item [\textbackslash alias\{n\}]
% % Used in an otherwise empty cell, that gives the current row a name \texttt{n}. This is useful for referring to it for the purposes of vertical positioning.
\end{description}







\section{Spacing}\label{sec:spacing}

\subsection{Local Adjustment}

There are several different ways in which we can manipulate the spacing of a diagram. Adding space to an individual row or column can be done in the standard way of tables in LaTeX. Here we add 2cm of space to the column between the $H$ and $X$ gates, and 1cm of space between the top two rows.
\begin{Code}
\begin{quantikz}
& \gate{H} &[2cm] \gate{X} & \gate{H} & \\[1cm]
& \gate{X} & \gate{Z} & \gate{Z} &\\
& \gate{X} & \gate{Z} & \gate{Z} &
\end{quantikz}
\end{Code}
If you don't know how much space you need, but it should be determined by the size of some text, you can use \verb!\hphantom{}! (widens the gate, in a similar way to \verb!\gate[1cm]{}!) or \verb!\hphantomgate{}! (increases the length of a wire) for horizontal spacing, and \verb!\ghost{}! for vertical spacing.
\begin{Code}
\begin{quantikz}
& \gate{X} \hphantom{very wide} & \gate{X} & \hphantomgate{wide} & \gate{X} &
\end{quantikz}
\end{Code} 

\subsection{Global Adjustment}

Standard tikz commands facilitate a global adjustment of row and column spacing. For example, a ridiculous horizontal spacing:
\begin{Code}
\begin{quantikz}[column sep=1cm]
& \gate{H} & \phase{\beta} & \gate{H} &
\end{quantikz}
\end{Code}
This specifically adjusts the \emph{gap} between the rows and columns, not the distance between the centres of the rows and columns. Depending on what gates you have on each wire, the spacing may not be the same between each wire. Sometimes this is desirable, particularly if a gate in one particular row is much larger than anything in the other rows. At other times, it just makes your diagram look a little odd. For example, look at the gap between the top two wires and the bottom two wires:
\begin{Code}
\begin{quantikz}[row sep=0.1cm]
& \gate{X} & \ctrl{1} & \gate{X} & \\
& & \control{} &  & \\
& \gate{X} & & & \\
& \gate{H} & & & 
\end{quantikz}
\end{Code}
If you want to make sure that every quantum wire is equally spaced, do the following to \verb!row sep!:
\begin{Code}
\begin{quantikz}[row sep={0.6cm,between origins}]
& \gate{X} & \ctrl{1} & \gate{X} & \\
& & \control{} & & \\
& \gate{X} & & & \\
& \gate{H} & & & 
\end{quantikz}
\end{Code}
This is particularly useful to achieve alignment of several circuits, as in \ref{sec:align}.


\subsection{Alignment}\label{sec:align}

How do we centre a circuit diagram? Simply surround it with \verb!\begin{center}! and \verb!\end{center}! commands, or within any standard equation environment.

Vertical alignment between different circuits can be more fiddly, depending on how much of a perfectionist you are. Sometimes, they work immediately, but the wires don't always align perfectly with each other. Generally the problem is that the highest gate in each row is different (here, the LHS is missing an $X$ gate on the second row)
\begin{Code}
\begin{quantikz}
& \gate{X} & \ctrl{1} & \\
& & \targ{} &
\end{quantikz}
=\begin{quantikz}
& \ctrl{1} & \gate{X} & \\
& \targ{}  & \gate{X} &
\end{quantikz}
\end{Code}
\noindent  Ensuring an even spacing between rows, as described in Sec.\ \ref{sec:spacing}, can help (but is not always appropriate). Often the easiest is to fudge it using the \verb!\ghost! command which will add a 0-width gate of the height corresponding to its argument. So, having identified the problem with the above circuit, we can replace it with:
\begin{Code}
\begin{quantikz}
& \gate{X} & \ctrl{1} & \\
& \ghost{X} & \targ{} &
\end{quantikz}
=\begin{quantikz}
& \ctrl{1} & \gate{X} & \\
& \targ{}  & \gate{X} &
\end{quantikz}
\end{Code}

If you cannot identify the offending gate, and particularly if the operation is not a standard \verb!\gate! command, you might be better off combining the two circuits in a single circuit with no wires joining the two parts. You can use a \texttt{midstick} command here. By default, it places braces both before and after, but these can be replaced using the optional argument \texttt{brackets=none|left|right|both}. Thus,
\begin{Code}
\begin{quantikz}
& & \ctrl{1} & \midstick[2,brackets=none]{=}& \ctrl{1} & \gate{Z} & \\
& \gate{Z} & \targ{} & & \targ{}  & \gate{Z} &
\end{quantikz}
\end{Code}

 \subsubsection{Perfecting Vertical Alignment}

Sometimes when you're typesetting circuit identities as multiple separate circuits, the vertical alignment of the equals sign doesn't appear quite right (and can really niggle). Here, for example, the equals seems a bit low (because the baseline is the middle of the diagram by default, and here, the rows are not equal heights):
\begin{Code}
\begin{quantikz}
&& \\
& \gate{Z} &
 \end{quantikz}=\begin{quantikz}
&&&& \\
& \gate{H} & \gate{X} & \gate{H} &
 \end{quantikz}
\end{Code}
To that end, we have added the key \texttt{align equals at=} option for the quantikz environment. This specifies which wire should be aligned with the equals sign. You can even use a non-integer. For instance, 1.5 will set it half way between wires 1 and 2.
\begin{Code}
\begin{quantikz}[align equals at=1.5]
&& \\
& \gate{Z} &
 \end{quantikz}=\begin{quantikz}[align equals at=1.5]
&&&& \\
& \gate{H} & \gate{X} & \gate{H} &
 \end{quantikz}
\end{Code}
If you use the \texttt{wire types} global option, this happens automatically. You can still override it provided the \texttt{align equals at} comes \emph{after}.

\section{Styling \& Customising}\label{sec:style}

\subsection{Global Styling}

If you want to change the properties of an entire circuit such that all the typically black elements are a different colour, and the backgrounds of cells are another, you can supply the quantikz command with two keys: \verb!color! and \verb!background color!. The second of these works well alongside the \verb!\pagecolor! command for making the rest of the page a particular colour.
\begin{Code}
\begin{quantikz}[color=blue,background color=yellow]
\lstick{\ket{\psi}} & \gate{H} & \gate{X} & \meter{}
\end{quantikz}
\end{Code}

There are two further keys that change styles globally: `thin lines' to make the lines thin, more in keeping with what QCircuit produced, and `transparent', should you want the background of all the gates to be transparent:
\begin{Code}
\begin{quantikz}[thin lines,transparent]
& \ctrl{1} & & \ctrl{1} & & \\
& \targ{} & \gate{R_z(-\theta/2)} & \targ{} & \gate{R_z(\theta/2)} & \meter{}
\end{quantikz}
\end{Code}

Global properties that affect all circuit elements of a given type can be affected through \verb!tikzset!.
\begin{Code}
\tikzset{
 operator/.append style={fill=red!20},
 my label/.append style={above right,xshift=0.3cm},
 phase label/.append style={label position=above}
}
\begin{quantikz}
& \gate{H} & \phase{\beta} & \gate{H} & \meter{\ket{\pm}}
\end{quantikz}
\end{Code}
The global styles are:
\begin{center}
\begin{tabular}{c|c}
Style Name & Affected Command(s)  \\
\hline
operator & \verb!\gate!  \\
meter & \verb!\meter! \\
slice & \verb!\slice! \\
wave & \verb!\wave! \\
leftinternal & \verb!\gateinput! \\
rightinternal   & \verb!\gateoutput! \\
dm & left braces (\verb!\gateoutput!,\verb!\lstick!) \\
dd & right braces (\verb!\gateinput!,\verb!\rstick!) \\
phase & \verb!\phase!, \verb!\control!, \verb!\ophase!, \verb!\ocontrol! \\
circlewc & \verb!\targ! \\
crossx2 & \verb!\swap!,\verb!\targX! \\
my label & measurement bases in \verb!\meter! \\
phase label & phases in \verb!\phase! \\
gg label & main gate label in \verb!\gate! \\
group label & label in \verb!\gategroup!
\end{tabular}
\end{center}

\subsection{Per-Gate Styling}

Individual gates can be modified using optional arguments of the calling function. 
\begin{Code}
\begin{quantikz}
& \gate[style={fill=red!20},label style=cyan]{H} & \phase[style={green},label style={label position=above}]{\beta} & \gate{H} & & \meter[style={draw=blue}]{\ket{\pm}}
\end{quantikz}
\end{Code}
The specific syntax varies a little depending on the type of gate. See the commands list for the specific cases.
% \begin{center}
% \begin{tabular}{p{0.4\textwidth}|p{0.4\textwidth}}
% gates that don't accept formatting parameters & \verb!\qw!,\verb!\vqw!,\verb!\qwbundle!,\verb!\cw!,\verb!\vcw!,\verb!\cwbend!,\verb!\push! \\
% \hline
% gates that accept tikz node formatting keys directly in optional argument & \verb!\phase!, \verb!\control!, \verb!\ocontrol!, \verb!\targ!, \verb!\targX!, \verb!\trash!, \verb!\meter!, \verb!\metercw!, \verb!\meterD!, \verb!\measure!, \verb!\measuretab!, \verb!\wave! \\
% \hline
% gates that accept node formatting keys as \verb!label style! key in optional argument & \verb!\gate!, \verb!\slice!, \verb!\lstick!, \verb!\rstick!, \verb!\gategroup!, \verb!\gateinput!, \verb!\gateoutput!
% \end{tabular}
% \end{center}
% Those that accept the \verb!label style! key also accept a second key for formatting other elements of the display
% \begin{center}
% \begin{tabular}{c|cc}
% \verb!\gate!,\verb!\gategroup! & \verb!style! & styles the box  \\
% \verb!\slice! & \verb!style! & styles the line\\
% \verb!\lstick!,\verb!\rstick!,\verb!\gateinput!,\verb!\gateoutput! & \verb!braces! & styles the brace
% \end{tabular}
% \end{center}
If you want to input several styling parameters with one of the keys, just group them together in a set of curly braces, \{\}. Typical styling parameters include \verb!draw=! specifying line colour, \verb!fill=!, specifying fill colour, \verb!inner xsep=! and \verb!inner ysep=! specifying horizontal and vertical margins respectively, \verb!xshift=! and \verb!yshift=! for adjusting horizontal and vertical positioning. Beyond that, the \href{http://mirrors.ctan.org/graphics/pgf/base/doc/pgfmanual.pdf}{tikz manual} is your friend!

This styling is really quite flexible, as we can override the default shapes with anything that we want:
\begin{Code}
\tikzset{
 noisy/.style={starburst,fill=yellow,draw=red,line width=2pt,inner xsep=-4pt,inner ysep=-5pt}
}
\begin{quantikz}[row sep=0.3cm,column sep=0.3cm,wire types={q,q,q,n,n}]%
& \gate{H} & \ctrl{2}& & \gate[3,style={noisy},label style=cyan]{\text{noise}} & \ctrl{3} &  & & \\
\lstick{\ket{0}} & & \targ{} & & & & \ctrl{3} & & \\
\lstick{\ket{0}} & & \targ{}& & & & & \ctrl{2} & \\
&&&&\lstick{\ket{0}} & \targ{}\setwiretype{q} & \targ{} & & \meter{} \\
&&&&\lstick{\ket{0}} & \setwiretype{q} & \targ{} & \targ{} & \meter{} 
\end{quantikz}
\end{Code}
% We can also supplement with standard tikz commands by using the `execute at end picture' key. The cells of the matrix contain nodes called \verb!\tikzcdmatrixname-i-j!, where i is the row number and j is the column number. Thus,
% \begin{Code}
% \begin{center}
% \begin{quantikz}[row sep=0.3cm,column sep=0.3cm,execute at end picture={
%   \node [fit=(\tikzcdmatrixname-1-6)(\tikzcdmatrixname-4-6)(\tikzcdmatrixname-5-9),draw,dashed,inner sep=4pt,label={[yshift=0.3cm]above:syndrome extraction}] {};
% }]
% & \gate{H} & \ctrl{2}& \qw & \gate[3,style={starburst,fill=yellow,draw=red,line width=2pt,inner xsep=-4pt,inner ysep=-5pt}]{\text{noise}} & \ctrl{3} & \qw  & \qw& \qw\\
% \lstick{$\ket{0}$} & \qw & \targ{} & \qw & \qw & \qw & \ctrl{3} & \qw & \qw \\
% \lstick{$\ket{0}$} & \qw & \targ{}& \qw & \qw & \qw & \qw & \ctrl{2} & \qw\\
% &&&&\lstick{$\ket{0}$} & \targ{} & \targ{} & \qw & \meter{} \\
% &&&&\lstick{$\ket{0}$} & \qw & \targ{} & \targ{} & \meter{} 
% \end{quantikz}
% \end{center}
% \tcblower
% \begin{lstlisting}
% \begin{quantikz}[row sep=0.3cm,column sep=0.3cm,execute at end picture={
%   \node [fit=(\tikzcdmatrixname-1-6)(\tikzcdmatrixname-4-6)(\tikzcdmatrixname-5-9),draw,dashed,inner sep=4pt,label={[yshift=0.3cm]above:syndrome extraction}] {};
% }]
% & \gate{H} & \ctrl{2}& \qw & \gate[3,style={starburst,fill=yellow,draw=red,line width=2pt,inner xsep=-4pt,inner ysep=-5pt}]{\text{noise}} & \ctrl{3} & \qw  & \qw& \qw\\
% \lstick{$\ket{0}$} & \qw & \targ{} & \qw & \qw & \qw & \ctrl{3} & \qw & \qw \\
% \lstick{$\ket{0}$} & \qw & \targ{}& \qw & \qw & \qw & \qw & \ctrl{2} & \qw\\
% &&&&\lstick{$\ket{0}$} & \targ{} & \targ{} & \qw & \meter{} \\
% &&&&\lstick{$\ket{0}$} & \qw & \targ{} & \targ{} & \meter{} 
% \end{quantikz}
% \end{lstlisting}
% \end{Code}

\subsection{Scaling}

If you want to override the standard size of a circuit (gate elements, text and spacing), you can make it a node inside a \verb!tikzpicture!:
\begin{Code}
\begin{tikzpicture}
\node[scale=1.5] {
\begin{quantikz}
& \gate{H} & \phase{\beta} & \gate{H} &
\end{quantikz}
};
\end{tikzpicture}
\end{Code}
It's also possible to rescale to a fixed width, so long as you declare the \verb!adjustbox! package in the document preamble.
\begin{Code}
\begin{adjustbox}{width=0.8\textwidth}
\begin{quantikz}
& \gate{H} & \phase{\beta} & \gate{H} &
\end{quantikz}
\end{adjustbox}
\end{Code}

\section{Bells and Whistles}

Since we have built quantikz on top of tikzcd, any of the standard arrow commands will work (don't forget to turn off the default wire!). For example, after a measurement, you might want to use an arrow to report a particular measurement outcome using \verb!\arrow[r]!. The \verb!r! conveys that the arrow should head one cell to the right. You can use combinations of up (u), down (d), left (l) and right as you wish. For more styling options, see the \href{http://mirrors.ctan.org/graphics/pgf/contrib/tikz-cd/tikz-cd-doc.pdf}{tikzcd manual}.
\begin{Code}
\begin{quantikz}
\lstick{\ket{0}\\initial state} & & \push{X} & & \meter{0/1} \arrow[r] & \rstick{\ket{1}}\setwiretype{n}
\end{quantikz}
\end{Code}

It's perhaps worth mentioning that gate commands can include matrices.
\begin{Code}
\begin{quantikz}
\lstick{\ket{0}} & \gate{\frac{1}{\sqrt{2}}\begin{bmatrix} 1 & 1 \\ 1 & -1 \end{bmatrix}} & \rstick{\ket{+}}
\end{quantikz}
\end{Code}


\subsection{Externalization}

A large document with many quantum circuits in it can be very slow to compile. This is where externalization comes in, producing images for each circuit. (It's also helpful if you have to produce accessible versions of lecture notes!) Quantikz \emph{should} work with the externalization routines of tikz. Turn it on just as you normally would,
\begin{FullCode}
\begin{lstlisting}
\usetikzlibrary{external}
\tikzexternalize % activate!
\end{lstlisting}
\end{FullCode}
Note that for any circuits within an amsmath environment such as align, since these are run twice, you may end up with two copies of a given image.


\subsection{New Gate Types}

One of the most common types of email I get about quantikz goes along the lines of ``Thank you for this brilliant package. I really want to use it, but I need \emph{this} specific gate shape that nobody else has ever heard of before for my own personal reasons and I can't believe you haven't implemented it already. Fix it now!''. This is impractical. However, with the latest version of quantikz, you can now use standard tikz commands in order to define your own shapes for single-qubit gates. Be warned: it can be quite fiddly.

The key to the process is defining your own shape (or appropriating an existing shape from the \href{https://tikz.dev/library-shapes}{shapes library}). As an example, we will use the \texttt{isosceles triangle} shape.

Then we need to ensure that wires will join on to your shape at the correct places. There are two different mechanisms for this. Quantum wires use the standard shape border, i.e., if you draw a straight line between the centre of two cells, the point of the join should be where this line intersects the edge of your shape. For standard shapes, this will typically just work If you're specifying your own shape, you'll need to ensure that the function \verb!\anchorborder! function works correctly, at least at the north/south/east/west points. Classical wires (and bundles) attach to different anchors on the edge of the shape. We need 16 of them (but really, 8 are just aliases of the first 8). For example, a left-going classical wire will involve drawing two horizontal lines. One starts at \texttt{lstartone} and ends at the \texttt{lendone} of the target node. The other starts at \texttt{lstarttwo} and ends at \texttt{lendtwo}. The \texttt{lstartone} anchor should be on the left-most edge of your shape, at a height \pgfkeysvalueof{/tikz/commutative diagrams/classical gap} above the center, but then you will have to calculate the correct horizontal position. Similarly, \texttt{lstarttwo} should be on the left-most edge of your shape, at a height \pgfkeysvalueof{/tikz/commutative diagrams/classical gap} below the center. The end points are the equivalent points on the right-hand edge, and will also correspond to \texttt{rstartone} and \texttt{rstarttwo}.
\begin{FullCode}
\begin{lstlisting}
\usetikzlibrary{shapes.geometric}
\makeatletter

%add new anchors
\pgfaddtoshape{isosceles triangle}{
%define the anchor lstartone.
  \anchor{lstartone}{%
    \trianglepoints %built-in function for this shape. Defines certain macros with position info
    %get the position of the lower left corner. Stored in macros \pgf@x and \pgf@y
    \pgf@process{\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerleftanchor}{\pgfpointorigin}{\rotate}}}
    \pgf@ya=.5\pgf@y
    \pgf@process{\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerrightanchor}{\pgfpointorigin}{\rotate}}}
    \pgf@y=.5\pgf@y
    \advance\pgf@y by \pgf@ya%
    \advance\pgf@y by -\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}%
    %by end of function, position of anchor stored in \pgf@x and \pgf@y
  }
  \anchor{lstarttwo}{%
    \trianglepoints
    \pgf@process{\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerleftanchor}{\pgfpointorigin}{\rotate}}}
    \pgf@ya=.5\pgf@y
    \pgf@process{\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerrightanchor}{\pgfpointorigin}{\rotate}}}
    \pgf@y=.5\pgf@y
    \advance\pgf@y by \pgf@ya%
    \advance\pgf@y by \pgfkeysvalueof{/tikz/commutative diagrams/classical gap}%
  }
  \anchor{lendone}{%
    \trianglepoints
    \pgf@process{\pgfpointintersectionoflines%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\apexanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerrightanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{0cm}{-\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{0.5cm}{-\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}}}%
    }%
  }
  \anchor{lendtwo}{%
    \trianglepoints
    \pgf@process{\pgfpointintersectionoflines%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\apexanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerleftanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{0cm}{\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{0.5cm}{\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}}}%
    }%
  }
  \end{lstlisting}
  \end{FullCode}
  Similarly, we need 4 anchors for the down wire.
  \begin{FullCode}
  \begin{lstlisting}
  %now do the anchors for a down wire
  \anchor{dstarttwo}{%
    \trianglepoints
    \pgf@process{\pgfpointintersectionoflines%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\apexanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerrightanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}{0cm}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}{0.5cm}}}%
    }%
  }
  \anchor{dstartone}{%
    \trianglepoints
    \pgf@process{\pgfpointintersectionoflines%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\apexanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerrightanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{-\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}{0cm}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{-\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}{0.5cm}}}%
    }%
  }
    \anchor{dendtwo}{%
    \trianglepoints
    \pgf@process{\pgfpointintersectionoflines%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\apexanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerleftanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}{0cm}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}{0.5cm}}}%
    }%
  }
  \anchor{dendone}{%
    \trianglepoints
    \pgf@process{\pgfpointintersectionoflines%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\apexanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfmathrotatepointaround{\lowerleftanchor}{\pgfpointorigin}{\rotate}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{-\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}{0cm}}}%
      {\pgfpointadd{\centerpoint}{\pgfpoint{-\pgfkeysvalueof{/tikz/commutative diagrams/classical gap}}{0.5cm}}}%
    }%
  }
}
\end{lstlisting}
\end{FullCode}
The \texttt{r} and \texttt{u} wires just go in the opposite direction to the \texttt{l} and \texttt{d} wires. So we don't need to calculate anything else, just equate them.
\begin{FullCode}
\begin{lstlisting}
%aliases for r and u wires
\pgfdeclareanchoralias{isosceles triangle}{dendtwo}{ustartwo}
\pgfdeclareanchoralias{isosceles triangle}{dendone}{ustartone}
\pgfdeclareanchoralias{isosceles triangle}{dstarttwo}{uendtwo}
\pgfdeclareanchoralias{isosceles triangle}{dstartone}{uendone}
\pgfdeclareanchoralias{isosceles triangle}{lendtwo}{rstartwo}
\pgfdeclareanchoralias{isosceles triangle}{lendone}{rstartone}
\pgfdeclareanchoralias{isosceles triangle}{lstarttwo}{rendtwo}
\pgfdeclareanchoralias{isosceles triangle}{lstartone}{rendone}
\makeatother
\end{lstlisting}
\end{FullCode}

We now have a shape that we can use as the base of a gate. It probably isn't quite styled how you might want it, so it's worth setting up a style.

\begin{FullCode}
\begin{lstlisting}
\tikzset{
  trimeter/.style={
      thickness, % gets the line width correct
      filling, %inherits filling. Typically background colour (default: white), but could be transparent.
      shape=isosceles triangle, %this is your shape name
      draw=black, %don't forget this, or you won't see much!
      inner sep=2pt
  }}
\end{lstlisting}
\end{FullCode}

Finally, define the code that will let you run the gate.
\begin{Code}
\DeclareExpandableDocumentCommand{\mygate}{O{}{m}}{%
|[trimeter,#1]| {#2}}

\begin{quantikz}[classical gap=0.05cm]
\lstick{\ket{0}} & \mygate{1} & \setwiretype{c} \\
&\gate{U}\wire[u]{c} &
\end{quantikz}
\end{Code}
Your function will work just like any of the single-qubit measurement commands: per-gate styling can be supplied via the optional argument. If your gate does not require the text label, you can remove the \texttt{\#2} from definition, but you must not remove the \texttt{\{m\}} from the argument specification.

It's possible to define a multi-qubit version in a very similar way, although they often end up looking a bit ugly, and non-straight edges are unlikely to fit correctly with incoming wires (which will be most noticeable if you activate transparency). It's why we don't officially have a multi-qubit version of \verb!\meterD!, although you may be able to get a good enough version working for your purposes.

\begin{FullCode}
\begin{lstlisting}
\DeclareExpandableDocumentCommand{\mygate}{O{}O{2em}O{1.5em}m}{%
\gate[#1,ps=trimeter,disable auto height][#2][#3]{#4}
}
\end{lstlisting}
\end{FullCode}


\section{Converting from QCircuit}

I've updated all of my existing teaching materials from QCircuit to the original Quantikz with very little trouble. There are a few standard replacements:
\begin{center}
\begin{tabular}{c|c}
QCircuit notation & Quantikz notation \\
\hline
\verb!\QCircuit @C=n @R=m {#}! & \verb!\begin{quantikz}[row sep=m,col sep=n]#\end{quantikz}!	\\
\verb!\multigate{n}! & \verb!\gate[n+1]!	\\
\verb!\targ! & \verb!\targ{}! \\
\verb!\control! & \verb!\control{}! \\
\verb!\meter! & \verb!\meter{}! \\
\verb!\measureD! & \verb!\meterD{}! \\
\end{tabular}
\end{center}
Updating the \verb!\gategroup! command requires a little more care since the first two arguments have to be removed, and the command placed in the correct cell, at which point \verb!\gategroup{i}{j}{k}{l}{m}! becomes 
\begin{center}
\verb!\gategroup[k+1-i,steps=l+1-j]!.
\end{center}
My primary use of gategroup was to achieve the effect now achieved with \verb!\lstick[k+1-i]!.

It should not be necessary to use \verb!\ghost! commands in the way they were used in QCircuit.

\subsection{Converting from Quantikz to Quantikz2}

Quantikz was originally written aiming to maintain compatibility with QCircuit. However, over time, it has proved desirable to add a number of new features. Some of these have necessitated breaking this backwards compatibility. This makes upgrading a little more fiddly in (probably) rare cases.

\begin{itemize}
  \item You should always use that quantikz environment in preference to the tikzcd environment.
\item Individual qw/cw commands are unnecessary. However, if there were places where you deliberately left a part of the circuit without a wire, that will need to be updated as everything has a qw by default.
\item Labels on e.g.\ \verb!\meter! are now in math mode where before they were in text mode. You'll get an error if your label now starts with \$.
\item \verb!\ctrlbundle! is obsolete. It will be automatically selected if appropriate. Just use \verb!\ctrl!.
\item \texttt{ampersand replacement} is unlikely to work (at least in the quantikz environment), but shouldn't be necessary.
\item Many of the styling options have been changed -- rather than inputting many of them directly like \verb![s]!, they can be accessed with a key \verb![style=s]!. This allows for much greater capacity for variation in the future. If you didn't use the options, then no changes are needed.
\item There are some instances where the original quantikz let you get away with a call such as \verb!\targ! instead of \verb!\targ{}!. Quantikz2 tends to b less forgiving.
  \end{itemize}

% \section{Compatibility}\label{sec:compat}

% Quantikz defines its own versions of bra, ket, proj and braket. If you want to use your own definitions, just make sure they appear before you load the quantikz package. Other packages may also define these functions (for example, the physics package). Again, just make sure you load that package first, and your document will use those definitions. Note that there may be differences in the definition that affect the examples in this document. For example, the physics package requires the ket command to be in math mode, so you cannot just write \verb!\lstick{\ket{}}! but must instead use \verb!\lstick{$\ket{}$}!. If you want to use the quantikz definitions rather than the other definition, keep the load order the same (quantikz last) and just call \verb!\forceredefine! in the preamble.



\section{Troubleshooting}\label{sec:trouble}
\begin{itemize}
\item Have you checked that all commands that need them are followed by an empty argument, \{\}? Things like \verb!meter!, \verb!\control! (basically, those that can accept an optional styling parameter) look like they don't take any parameters, but they have to be followed by the pair of braces or you'll get very odd effects.
\item If you get a whole bunch of unexpected text in one of your cells instead of a gate, make sure that the gate command is the first command in the cell, and that other commands (such as \verb!\qwbundle!) appear after.
\item If you're getting errors about cells not being found (and especially if you're doing any slicing, or gategroups), check that your last row doesn't end with \textbackslash\textbackslash, and make sure that your last row contains as many cells (even if they're empty) as there are columns in the circuit.
\item I am not aware of any specific compatibility problems with beamer, tabular, align etc.\ in the current version. If you do have any problems you might try using the tikzcd environment instead of quantikz, and applying the \texttt{ampersand replacement=\textbackslash\&} option, followed by separating all cells using \textbackslash\& instead of \&.
% \item I half-expect problems if you try to put a array/matrix environment inside a gate command. But it seems to work!
% \begin{Code}
% \begin{center}
% \begin{quantikz}
% \lstick{\ket{0}} & \gate{\left(\begin{array}{cc} \alpha & \beta \\ \beta & -\alpha \end{array}\right)} & \ctrl{1} & \gate{U_1} & \\
% \lstick{\ket{0}} & & \targ{} & \gate{U_2} &
% \end{quantikz}
% \end{center}
% \tcblower
% \begin{lstlisting}
% \begin{quantikz}
% \lstick{\ket{0}} & \gate{\left(\begin{array}{cc} \alpha & \beta \\ \beta & -\alpha \end{array}\right)} & \ctrl{1} & \gate{U_1} & \\
% \lstick{\ket{0}} & & \targ{} & \gate{U_2} &
% \end{quantikz}
% \end{lstlisting}
% \end{Code}
% If you have problems
% \item If you are trying to typeset your circuit inside some sort of tabular or align environment and are getting an error ``single ampersand used with wrong catcode'', trying adding the \verb![ampersand replacement=\&]! option to tikzcd, and instead of separating every cell by \&, use \textbackslash\&. This can also be useful if you want to insert a normal matrix as a gate. Incompatible with externalisation.
% \begin{Code}
% \begin{align*}
% \begin{tikzcd}[ampersand replacement=\&,align equals at=1]
% \& \gate{H} \& \gate{X} \& \gate{H} \&
% \end{tikzcd}&=\begin{tikzcd}[ampersand replacement=\&,align equals at=1]
% \& \gate{Z} \&
% \end{tikzcd}
% \end{align*}
% \tcblower
% \begin{lstlisting}
% \begin{align*}
% \begin{tikzcd}[ampersand replacement=\&,align equals at=1]
% \& \gate{H} \& \gate{X} \& \gate{H} \&
% \end{tikzcd}
% &=
% \begin{tikzcd}[ampersand replacement=\&,align equals at=1]
% \& \gate{Z} \&
% \end{tikzcd}
% \end{align*}
% \end{lstlisting}
% \end{Code}

% \begin{Code}
% \begin{center}
% \begin{tikzcd}[ampersand replacement=\&]
% \lstick{\ket{0}} \& \gate{\left(\begin{array}{cc} \alpha & \beta \\ \beta & -\alpha \end{array}\right)} \& \ctrl{1} \& \gate{U_1} \& \\
% \lstick{\ket{0}} \& \& \targ{} \& \gate{U_2} \&
% \end{tikzcd}
% \end{center}
% \tcblower
% \begin{lstlisting}
% \begin{tikzcd}[ampersand replacement=\&]
% \lstick{\ket{0}} \& \gate{\left(\begin{array}{cc} \alpha & \beta \\ \beta & -\alpha \end{array}\right)} \& \ctrl{1} \& \gate{U_1} \& \\
% \lstick{\ket{0}} \& \& \targ{} \& \gate{U_2} \&
% \end{tikzcd}
% \end{lstlisting}
% \end{Code}
% Alternatively, define the matrix/array as a command outside the quantikz environment.
% \begin{Code}
% \begin{center}
% \def\tempmatrix{\begin{bmatrix} 0 & 1 \\ 1 & 0 \end{bmatrix}}
% \begin{quantikz}
% & \gate{\tempmatrix} &
% \end{quantikz}
% \end{center}
% \tcblower
% \begin{lstlisting}
% \def\tempmatrix{\begin{bmatrix} 0 & 1 \\ 1 & 0 \end{bmatrix}}
% \begin{quantikz}
% & \gate{\tempmatrix} &
% \end{quantikz}
% \end{lstlisting}
% \end{Code}
% Beamer is particularly annoying with doing this. It probably helps to issue a global command
% \begin{lstlisting}
% \tikzcdset{
% 	every matrix/.style={ampersand replacement=\&}
% }
% \end{lstlisting}
% somewhere in your document preamble. The tikzcd manual suggests another possible strategy, but I haven't had much success with it.
% \item If you're using a circuit diagram inside an \texttt{align} environment, the \texttt{tikzcd} environment works better than \texttt{quantikz}. You may also need to use the ampersand replacement strategy.
% \item If you have a \verb!\cwbend! in the bottom right cell of the matrix, sometimes you get an error (I have no understanding of why). Add an extra \& after, and all seems to be well.
\item If you're using transparency, and the width of gates seems to be greater than you expected, it may be worthwhile removing the .aux file and recompiling. If your tex editor isn't good at resetting the .aux file, the system may be remembering older widths.
\item Package load order: I've had reports that if you load certain packages in the wrong order it can create weird errors. For example, if you load the package cleveref after quantikz, and then use a split environment, it can lead to the error ``Only one \# is allowed per tab.''. Change the load order and it goes away. I have no idea why this happens.
% \item If you try to make a controlled-swap gate, you'll find a small gap in the control wire:
% \begin{Code}
% \begin{center}
% \begin{quantikz}
% & \ctrl{1} & \qw \\
% & \swap{1} & \qw \\
% & \targX{} & \qw
% \end{quantikz}
% \end{center}
% \tcblower
% \begin{lstlisting}
% \begin{quantikz}
% & \ctrl{1} & \qw \\
% & \swap{1} & \qw \\
% & \targX{} & \qw
% \end{quantikz}
% \end{lstlisting}
% \end{Code}
% This is easy to fudge by making the control wire longer, for example
% \begin{Code}
% \begin{center}
% \begin{quantikz}
% & \ctrl{2} & \qw \\
% & \swap{1} & \qw \\
% & \targX{} & \qw
% \end{quantikz}
% \end{center}
% \tcblower
% \begin{lstlisting}
% \begin{quantikz}
% & \ctrl{2} & \qw \\
% & \swap{1} & \qw \\
% & \targX{} & \qw
% \end{quantikz}
% \end{lstlisting}
% \end{Code}
\item If you are trying to submit to a Springer journal, they seem to actively prevent you from using tikz. You have to produce a separate image for each circuit. The externalisation options in tikz may be very helpful here to take your existing code and produce a pdf output of each circuit.
\end{itemize}

For any bug reports (please make sure you've checked the above list first!) or feature requests, please contact alastair.kay@rhul.ac.uk.

\section{Citation}

If you found this package useful, please consider citing the arXiv version of this document, arXiv:1809.03842.


\end{document}