Component
Secondary button
The outlined utility button for actions inside cards: Switch gangsa, History, Connect controller. Inside a card it stays solid; glass is only for controls floating over content.
SecondaryButton in Kotek/Core/UI/Components.swift
Preview
Specs
- Min height
- 44pt
- Padding
- 11pt vertical, 18pt horizontal
- Corner radius
- 14pt
- Label
- SF Pro 15pt Black, 1.5pt tracking, sentence case
- Border
- TitleText at 45%, 1pt
- Fill
- TitleText at 8%
Usage
Do
- Group related secondary actions in a wrapping row.
- Lead with an icon that says what the action is.
Don't
- Use it for the step that moves the flow forward; that's the filled button.