From 8f5a81e179fdcde781fe11ee439595fcb8ddb6c3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?andr=C3=A9s=20gonz=C3=A1lez?= Date: Thu, 27 Nov 2025 16:03:11 +0100 Subject: [PATCH] :books: Add info about boolean variants (#7828) --- docs/img/variants/07-variants-boolean.webp | Bin 0 -> 16816 bytes docs/user-guide/design-systems/variants.njk | 19 +++++++++++++++++++ 2 files changed, 19 insertions(+) create mode 100644 docs/img/variants/07-variants-boolean.webp diff --git a/docs/img/variants/07-variants-boolean.webp b/docs/img/variants/07-variants-boolean.webp new file mode 100644 index 0000000000000000000000000000000000000000..894c5f45db28685451a800d0ec32c7661e5efe58 GIT binary patch literal 16816 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

pdA)o;+j?$i4r~rhp-NXP0bexzW)&7uem0%HP zogz9;?@P(oh}Sg$FbH{eX}R;ov?biRNsZUKVT8HlT|anPQ0&PhGoU&8gSJ*b`RL(= zYMJ(BntCwqx{QuV)|W8b?gC#c$KB!@a63@h!Rm^$Xoh1>+;RS=vn9dm!z)tFy&}+# zKwGvhZ)_JSJbvKJV+o# z-!_H$dB3ayfCr~ym3#N@Xg9ZA5Jcht=`uR5%+<9_rkVSWuh1X(*svsYQ>5-n zo0NB_QN7IiUId)7-(wgraa99V`8ea0a=*1At*+agvEAswbe`q$*dJaT4I%YJV2rjO zK1`}f0((^#%DR+UxYA-e-xW3Wv(uW;6aYMV9)kXw6s;=jqs18QNC$yFdMU$cYVL8h zjot=y2@P zg(`R9PM!1vcm0pW`QPb6cR+Y{HR)|?JhgaB!|uL0qI|6T{CutlhN?TO{XQc{HVr~* zs|)Y9X>Y!{!6aJ0#CF^6T=%}*_4exEzhTSMr>`pQpGn@ z!Nv78_3y6y)-PEG^ydU<(xKcW2=&S`<`tIgj*g^q)?jOIv{UJ!IdT9{G>f8CWkX0- z%e)N}n8Tf_U9X#Ly^E`yB6grM%qUdeh63m(h(;zZF7aeuaLkkb=yHmAr)L+AUT3{@ z=}zByG~DFl4gL1{TzAg$2VF@nff7ERt1*>kQZTzX=e=kjN=NQv;F6QKw>^x9{@oJK zA6{epkL7oEix#)u@p>l@Ye$W%u&~nSSS);`#0=}WcVd4ADI*Sf8VL3TtSTv{fk6R@ z0e1cp10&G25vs@qcG`itWQ7)}fV>)0>33dQ0R$?8(a0^yaaM#As)d%Prr}&WKx0@9 z_I>~T!K?50<@I6PSNnNStjSRq#3VVvoO8#`a&j2b24d*I;n@5P)u)tZ=rs3davayL zL01$(b=2_XHJYmBzjF?+(+4a@s6`_$PODR@I48Djw-IU?OeQuAQhf?fQKuFGr5&UkV&c?kp!c^O5M~%r+zh zTr8jO{+YO^)7|Gjf*FujKob%zIp}BBVbrSelect the variant copy, press right-click, and select the menu option Restore variant (will show if the main component still exists). +

Toggle for boolean variants

+

When a variant property represents a boolean state, Penpot can display it as a toggle instead of a dropdown. This offers a quicker and more visual way to switch between two opposite values when working with copies.

+

The toggle appears in place of the property values dropdown, only when a copy is selected.

+
+ Boolean variant option +
+

Accepted value pairs

+

For Penpot to recognize the property as a boolean and display the toggle, the property must be defined with exactly two opposing values. These can be any of the following pairs:

+
    +
  • true / false
  • +
  • on / off
  • +
  • yes / no
  • +
+

The order of the values does not matter. Penpot automatically maps them to ON and OFF states:

+
    +
  • ON state: true, yes, on
  • +
  • OFF state: false, no, off
  • +
+

Use variants

Once you have created your variants, you can place a copy of a component with variants into your design and then switch between its different versions.