# Rotary File

A testimonials section on a motorised rotary card file: each customer a paper card on the drum, the one in front readable, the ones to come leaning back with their name tabs showing. Press a customer’s key on the plinth and the drum riffles round to their card while a fluorescent window counts the cards past.

Block · With a Pass · https://tactileui.dev/blocks/rotary-file

> The code and styling for this block come with the Pass. Sign in if you have one. Sign in: https://tactileui.dev/auth/sign-in The price: https://tactileui.dev/pricing

## Anatomy

Rotary card drum, Unwrapped card angles, Staggered riffle, Fanned tabs, Selector keys as tablist, Counting vfd window, Knob drag notches, Measured card height, Depth tokens for volumes, Finish following

## Usage notes

The customer quotes on a product’s home or pricing page, as something to operate rather than a wall of cards. Each quote is a paper card: the words, the person, their role and organisation, and a figure stamped in the corner when there is one. The plinth carries a selector key per customer (initials and a lamp), which make a real tablist, and a vacuum-fluorescent window that counts the cards as they pass, then prints the figure. The knob on the right-hand wheel turns the drum a card at a time; a tab peeping over the front card pulls it forward; a swipe across the drum turns it on a touch screen. Real figures, blockquotes and figcaptions; no image; every finish of the kit and both volumes; the cards are paper in every finish.

## Options

| Option | Type | Description |
| - | - | - |
| label | text | Printed small above the heading. Empty leaves it out. |
| title | text | Heading |
| lead | text | Sentence |
| first | enum | The card standing up when the section opens. The others follow it round the drum in the order listed. |
| count | number | How many cards on the drum: 3 to 7, one selector key each. |
| figures | boolean | A quote with a figure has it stamped on its card and printed in the window. |
| finish | enum | Auto takes the page’s own finish tokens if it has them, then its data-finish, then the visitor’s system. The cards are paper in every finish. |
| volume | enum | Auto follows the nearest data-volume on the page. Quiet draws hairlines where Tactile draws depth. |

## Methods

- update
- destroy

## States

1. **At rest**: The head beside (or above) the file. One card upright in front; the next three lean back behind it, their tabs fanned above; the cards read hang under the axle. The front key pressed in, its lamp lit; the window prints the count and the figure. Nothing runs.
2. **Called**: A key (or an arrow key in the row) turns the drum the shorter way round.
3. **Knob and swipe**: The knob turns the drum a card per notch as it is dragged up or down, or one card on a click; on a touch screen a swipe across the drum turns it one card.
4. **Figures**: A quote with a figure has it stamped on its card, a little askew, and printed in the window. The figures option leaves them out.
5. **Phone**: 
6. **Reduced motion**: The drum jumps straight to the card asked for; nothing transitions and the window prints the card at once.
7. **Finishes and volumes**: On a page with the kit’s finish tokens the machine is drawn from them, in any of the twelve; otherwise aluminium or graphite by data-finish, tone or system. Every shadow reads a kit depth token, so the Quiet volume draws hairlines; no size, word or lamp changes. The cards stay paper.

## How it works

Original composition. Tallyroll, its customers, every quote and figure are sample copy, invented, and the preview says so. The drum, cards, wheels, keys and window are CSS drawn here, in the kit’s tokens; no image.