← Back to app

Edit row options

Try the controls below at phone width. Pencil opens the larger editor, camera adds a mock thumbnail, and delete briefly fades the row.

1. Header toolbar

All actions are visible without covering the text.

Recommended
1Method step

2. Slim side rail

Compact, but reduces the width available to the text.

3. Bottom toolbar

The text gets maximum width and the actions read clearly.

4. Floating action pill

Visually light, although it uses some space inside the field.

5. Full-width action buttons

Largest tap targets, but adds the most height to every row.