Skip to content

Super Native#402

Open
simonhamp wants to merge 5 commits into
mainfrom
super-native
Open

Super Native#402
simonhamp wants to merge 5 commits into
mainfrom
super-native

Conversation

@simonhamp

Copy link
Copy Markdown
Member

Summary

This PR brings the Super Native branch to main. It includes the full body of Super Native work that has accumulated on the branch, plus the latest main merged in.

Highlights from the most recent work:

  • New "Super Native" docs section (mobile v3), positioned after Concepts and before EDGE Components, with a placeholder Introduction page.
  • <x-icons.super-native /> — a reusable identifier icon to flag Super Native features throughout the docs.
  • <x-docs.super-native-beta /> — a beta note component for the top of Super Native pages (Super Native is in beta; APIs/behaviour may change).
  • EDGE Components menu reordered to sit beneath Concepts.

The branch also contains the broader Super Native documentation (EDGE components, the-basics pages) and other product work already present on the branch.

Notes

  • This is a large, long-lived feature branch (~127 files vs main). Reviewers may want to focus on the most recent docs-section commit.
  • Worth a careful look at scope before merging, since the branch carries more than just the docs changes.

🤖 Generated with Claude Code

shanerbaner82 and others added 5 commits April 9, 2026 14:31
Document all core EDGE components: layout (Column, Row, ScrollView, Stack,
Spacer, Pressable), content (Text, Button, Image, Icon, Divider,
ActivityIndicator), forms (TextInput, Toggle), shapes (Canvas, Rect, Circle,
Line), and overlays (BottomSheet). Add shared layout system reference
covering sizing, spacing, flex, alignment, styling, and events.

Update introduction to list all available components grouped by category.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
…afe-area pages

Edge components — reconciled every existing page with element + iOS/Android renderers:

- bottom-nav: active-color, background-color, text-color, news; TabBar / Tab builder
  API; safe-area auto-handling; tab taps use replace semantics.
- top-bar: subtitle, background-color, text-color, elevation (hairline overlay,
  not SwiftUI shadow); NavBar / NavAction builder API; navigationOptions().
- scroll-view: shows-indicators flagged iOS-only; Android LazyRow/Column.
- stack: rewrote around the new custom Layout — children at natural size, centered.
- layout: align-self stretch override of items-center; flex-1 shorthand.
- button, toggle, checkbox, slider, select, radio-group, button-group, chip,
  text-input: Model 3 styling rule (per-instance bg/padding/font-size dropped).
- text-input: replaced the (non-existent) <native:text-input> doc with separate
  outlined and filled coverage; corrected keyboard string enum.
- image: corrected fit modes (renderer collapses to fit/fill).
- text: fixed font-weight 7 → .heavy (was "extrabold").
- shapes: per-shape sections (rect / circle / line); flagged that <native:line>
  ignores from/to (renderer always draws horizontal).
- divider: clarified border-color drives line color; horizontal-divider alias.
- introduction: refreshed component inventory.

New edge-components pages:
- badge, button-group, canvas, card, carousel, checkbox, chip, list (covers
  list-item), modal, progress-bar, radio-group (covers radio), screen, select,
  slider, tab-row (covers tab).

New the-basics pages:
- layouts: NativeLayout + StackLayout / TabsLayout, route attachment,
  wrapWithChrome flow, navigationOptions / setNavBar / navTitle.
- navigation: navigate / back / replace / exitToWeb, transitions, param/data.
- safe-area: safeArea / safeAreaTop / safeAreaBottom; bitmask + auto-handling
  via wrapWithChrome based on which bars are present.
- positioning: absolute / relative + anchor convention; FAB pattern; stack caveat.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Introduce a dedicated Super Native docs section (mobile v3), positioned
after Concepts and before EDGE Components. Add a reusable Super Native
icon component to flag Super Native features throughout the docs, and a
beta note component for the top of Super Native pages.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants