Welcome!

👋

Text Component Examples

Regular text variant with default size

Medium weight text with larger size

Bold text variant with extra large size

Link variant with blue color

This is a paragraph text that demonstrates the paragraph mode. It has a fixed width and can wrap to multiple lines as needed.

Custom sized text (32px)

This text is limited to two lines and will be truncated with an ellipsis if it exceeds that limit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Button Component Examples

Variants

Sizes

With Icons

States

Label Component Examples

Default Label

Small Label

Large Label

Disabled Label

Colored Label

Input Component Examples

Password

With Error

⚠

Phone Number

Disabled Input

Multiline Input

Step 1: Try it

Edit app/(tabs)/index.tsx to see changes. Press F12 to open developer tools.

Step 2: Explore

Tap the Explore tab to learn more about what's included in this starter app.

Step 3: Get a fresh start

When you're ready, run npm run reset-project to get a fresh app directory. This will move the current app to app-example.