Button

An interactive visual element that indicates an available action for the user.

Button

iOS Components library

Buttons

Human Interface Guidelines

Usage

Reference HIG for general guidance when designing for iOS.

Properties

Property	Values	Default
Type Variant	Primary \| Secondary	Primary
State Variant	Disabled \| Default \| Hover	Default

Size

Acorn currently offers one size for iOS buttons.

Types

Secondary

Light mode
Dark mode

Destructive

iOS also offers a destructive button type, but the visual output is not maintained by the Acorn Team. Please refer to the Action sheets guidelines for iOS.

Writing guidelines

Follow Apple Human Interface Guidelines, which uses headline-style capitalization. Capitalize every word except articles, coordinating conjunctions, and prepositions of four or fewer letters.

See Capitalization for more guidance.

Accessibility

No iOS specific guidance. Need help? Check with #accessibility in Slack.

Changelog

Date	Version	Notes
Apr 17, 2025	2.0.0	Simplified template
Feb 15, 2023	1.0.0	Initial draft of button guidance