Skip to content

visible

Whether the element is visible.

Type(s)

TypeExample
booleantrue
TokenReference$token: ...
$type: boolean
PropBinding$binding: "#/props/label"
Conditionalif: { condition: {op: isNotNull, args: [...]}, then: true, else: false }

Conditional covers the common case of deriving visibility from a nullable prop (e.g. hide when a text or glyph prop is unset). See ADR 018 — Conditional Visible Binding.

Supported on

ElementFigma Layer(s)
containerComponent, Frame, Instance, Slot
textText
glyphGlyph
vectorsRectangle, Vector, Ellipse, Star, Polygon
lineLine

Source

FormatFile
TypeScriptpackages/schema/types/Styles.ts
JSON Schemapackages/schema/schema/styles.schema.json