Developer portal · developer-portal §7 W-D51

Scope picker

Preset cards or a custom set of scopes.

Entitlement
Theme
Contrast
Language
Motion
Text size

Code

<ScopePicker options={options} presets={presets} entitled={org.entitledScopes} sites={sites} value={scopes} onChange={setScopes} t={t} />

Accessibility

  • Grouped checkboxes in fieldsets; presets are toggle buttons.
  • Sensitive scopes carry a labelled shield.

Usage

Do

  • Warn when a chosen site has the capability off.

Don't

  • Never hide a scope outside the entitlement: disable it.

Platforms

Web
iOS
Web only (no native developer portal)
Android
Web only (no native developer portal)