Skip to Content
UI Components/Cupertino UI/Cupertino Colors

Cupertino Colors

Static and dynamic Cupertino colors following iOS design guidelines

Framework

View in WebF Go

Download WebF Go to preview this component on devices and desktop.

Installation

Install
1npm install @openwebf/react-cupertino-ui

Usage

Colors.tsx
1import { CupertinoColors, FlutterCupertinoButton } from '@openwebf/react-cupertino-ui';
2
3export function ColorsExample() {
4  return (
5    <FlutterCupertinoButton
6      variant="filled"
7      style={{ backgroundColor: CupertinoColors.activeBlue }}
8      onClick={() => console.log('Pressed')}
9    >
10      Active Blue
11    </FlutterCupertinoButton>
12  );
13}

API Reference

Exports

NameTypeDefaultDescription
CupertinoColorsenum-Color constants (rgba strings) matching iOS system colors.
Full type definitions: npm package docs.