# Interaction

Hover and press timing, focus rings, keyboard mode and 24px hit targets.

Part of the foundations every [Beamline](https://beamline.io/) component is built from. Live page: https://beamline.io/components/foundations/interaction

More foundations: [Colour](https://beamline.io/components/foundations/colour) · [Brand engine](https://beamline.io/components/foundations/brand) · [Meaning](https://beamline.io/components/foundations/meaning) · [Data ramps](https://beamline.io/components/foundations/data) · [Type](https://beamline.io/components/foundations/type) · [Spacing](https://beamline.io/components/foundations/spacing) · [Looks](https://beamline.io/components/foundations/looks) · [Shape & depth](https://beamline.io/components/foundations/shape) · [Layers](https://beamline.io/components/foundations/layers) · [Motion](https://beamline.io/components/foundations/motion) · [Morph](https://beamline.io/components/foundations/morph) · [Texture](https://beamline.io/components/foundations/texture)