---
name: Interactive states
menu: Patterns
parent: Styles
route: /styles/interactive-states
---

# Interactive states

## Default state

- Hover – darken colour
- Focus – tintier pink outline
- Pressed – inner shadow

There are some exceptions to these rules, such as focus states of [Text input](/patterns/text-input) and [Choices](/patterns/choices).

## Buttons and Links

![](https://storage.googleapis.com/static.bulb.co.uk/design/images/states-buttons.png)

## Radio buttons and checkboxes

![](https://storage.googleapis.com/static.bulb.co.uk/design/images/states-radios.png)

## Text fields

![](https://storage.googleapis.com/static.bulb.co.uk/design/images/states-inputs.png)

## Dropdowns

![](https://storage.googleapis.com/static.bulb.co.uk/design/images/states-dropdowns.png)
