Title Element

The Title element lets you add prominent text to your screenβ€”like a page heading or section title. This is usually the first thing your users see on the screen, so it’s important for setting the tone and guiding them through the app.

Twinr gives you two simple tabs to control everything:

  • Content Tab – where you type your text.

  • Settings Tab – where you style and adjust how it looks and feels.

Let’s walk through both tabs. πŸ‘‡


Content Tab

✏️ Add Your Text

  • Title Field: This is where you enter the main text.

  • Example: This is random text


Settings Tab

Here’s what you can customize:

🎨 Design Your Title

1. Text Style

  • Set to Custom for full control over size, weight, and color.

2. Font Size & Weight

  • Font Size: Choose how big your title should look (e.g., 20px).

  • Font Weight: Decide how thick the text appears (e.g., Bold 700).

3. Color

  • Pick from predefined styles like Heading or set a Custom Color using a HEX code.

  • Example: #171D1B is a bold black used for headings.

4. Text Alignment

  • Align the text to Left, Center, or Right.


πŸ“ Margin Settings

You can also add space (padding) around the title:

  • Top / Bottom / Left / Right margins can be adjusted using sliders.

  • Use the πŸ”— icon to link margins for symmetry.

  • Default spacing is 20px on all sides.


πŸ‘οΈ Visibility Settings

The Visibility section helps you control who can see the element and where it appears. This gives you flexibility to show different content to different users or on specific devices.

You can adjust visibility based on:

1. Platform

Choose which platform the element should be visible on:

  • All (default)

  • Android

  • iOS

2. Device

Control which device types will display this element:

  • All (default)

  • Mobile

  • Tablet & iPad

3. User

Target visibility by user type:

  • All (default)

  • Guest Users (not logged in)

  • Logged-in Users

πŸ“Œ Use Case Example:

Want to show a β€œWelcome Back!” title only to users who are signed in?

Set User to Logged-in Users.


πŸ“± How It Looks

As you update the content and settings, the preview in the center shows exactly how your app will look to users. No guesswork needed!


πŸ” Summary

Section
What You Can Do

Content Tab

Type your title text

Settings Tab

Customize font, color, alignment, and spacing

Live Preview

Instantly see changes on your app screen or look at preview app

Last updated

Was this helpful?