Fieldbook
Sign in

Buttons

Plus to cross tile

A small square tile carrying a plus sign that spins forty five degrees into a close cross and swells a fraction as it turns.

Using Plus to cross tile

A small square tile carrying a plus sign that spins forty five degrees into a close cross and swells a fraction as it turns.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: ink, accent, tileSize, duration, grow

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

Chevron flip tile
1936Chevron flip tileButtonsA square icon tile whose chevron hinges flat and reopens pointing the other way, each half pivoting on the joint where they meet.
Two bar close tile
2071Two bar close tileButtonsA two-line menu tile that closes in two beats: the bars slide together onto one line, then scissor apart into a cross.
Cross morph menu button
2502Cross morph menu buttonButtonsA thin three-bar menu icon that folds into a close cross, the outer bars travelling to the centre line before they scissor and recolour.
Day night sweep toggle
1631Day night sweep toggleButtonsAn icon button that cycles a settings panel between light, dark and automatic, repainting it with a hard clipped edge that sweeps across instead of a fade.
Format toggle button
1634Format toggle buttonButtonsAn icon button that holds an on or off state, fading a rounded plate in behind its glyph when pressed.
Glass tube element tile
2607Glass tube element tileButtonsA square selectable tile framed like a length of lit glass tubing, with an element symbol inside that brightens on hover and latches on when selected.