Fieldbook
Sign in

Buttons

Chevron flip tile

A square icon tile whose chevron hinges flat and reopens pointing the other way, each half pivoting on the joint where they meet.

Using Chevron flip tile

A square icon tile whose chevron hinges flat and reopens pointing the other way, each half pivoting on the joint where they meet.

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, lift

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

Plus to cross tile
2512Plus to cross tileButtonsA small square tile carrying a plus sign that spins forty five degrees into a close cross and swells a fraction as it turns.
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.
Pressable icon toggle
2208Pressable icon toggleButtonsA button with an icon and label that stays visually pressed once clicked, for a standalone on or off action such as muting or bolding.
Pressed highlight toggle
1647Pressed highlight toggleButtonsA two state icon button that keeps its pressed state visible with a rounded highlight block growing behind the glyph from the centre out.