Skip to main content
Auth Plugin logo
Auth Plugin
FeaturesComponentsPricingBlogChangelogDocs
Contact
Back to Blogs
Guide

Auth Plugin's Identity Label: Every Real Property Explained

Identity Label's real panel confirms exactly four Field options (First Name, Last Name, Full Name, Email) and a Text Style object containing Font and Color. Here's every property, what the docs page gets structurally different, and how it pairs with Avatar.

Sep 28, 2026 7 min
Auth Plugin's Identity Label: Every Real Property Explained

On this page

Quick AnswerWhat Are Identity Label's Real Properties?What Are the Four Field Options?What Does Each Field Option Actually Render?What Does Text Style Actually Contain?How Do Prefix and Suffix Actually Work?What Does the Docs Page Get Different?How Does Identity Label Pair With Avatar?Common MistakesFAQThe Short Version

Quick Answer

  • Identity Label's real properties panel, in order: Field, Prefix, Suffix, Fallback, Hide Logged Out, and a Text Style object.
  • Field is a dropdown with exactly four options: First Name, Last Name, Full Name, Email. No other options exist.
  • Text Style contains Font (Inter) and Color (#333333), and both are plainly editable, not fixed.
  • This resolves the two points the Avatar post left open: whether Field has options beyond Full Name, and what Text Style actually contains.
  • The docs page currently describes a different structure entirely: "Display Field" (name or email only), "Fallback Text," and "Font Size." None of the three match the real panel's property names or options.

Auth Plugin's introduction docs name Identity Label directly as one of the official pre-built components, alongside Sign In, Sign Up, Forgot/Reset Password, OTP, Magic Link, Social Auth, Profile, Avatar, Sign Out, and Code Overrides. In the Framer insert panel, it's labeled "Identity Label," described as "Display user name, email, or custom field." On the canvas, an inserted instance renders as plain text. Each Field option is confirmed against its own rendered instance: First Name renders "John", Last Name renders "Doe", Full Name renders "John Doe", and Email renders "john@example.com". Everything below comes from that live properties panel in Framer, stated once here rather than repeated property by property.

An earlier post on this site already covered self-hiding components, including Identity Label's role there, and the Avatar pairing, including a first pass at its property list. That post correctly flagged two things as not confirmed at the time: whether Field had options beyond the "Full Name" value seen on the checked instance, and what Text Style actually contained beyond its name. This post exists specifically to go deeper and resolve both.

What Are Identity Label's Real Properties?

In panel order:

  • Field: a dropdown. Confirmed with exactly four options: First Name, Last Name, Full Name, Email. Helper text: "Which identity field to display."
  • Prefix: an optional text field. Helper text: "Text to show before the identity value. E.g., 'Hello, '"
  • Suffix: an optional text field. Helper text: "Text to show after the identity value. E.g., '!'"
  • Fallback: an optional text field. Helper text: "Text to show when value is empty."
  • Hide Logged Out: a Yes/No toggle, confirmed set to Yes on the checked instance. Helper text: "Hide the label when user is not authenticated."
  • Text Style: a style object, covered in full below.

Below all of that, a collapsed Code Overrides section sits at the bottom of the panel, under "by Auth Plugin," the same as on every other component's panel.

What Are the Four Field Options?

Field is a dropdown, and it has exactly four options: First Name, Last Name, Full Name, and Email. That's the complete list, confirmed directly against the live panel. There's no fifth option, no custom-field entry, and no way to point Field at something outside those four values.

This resolves the open question from the earlier post on this site, which had only confirmed a single instance set to Full Name and left open whether other options existed. They do, and this is the full set.

What Does Each Field Option Actually Render?

Each of the four options was checked on its own instance, one Field value at a time, and here's exactly what renders:

  • First Name renders "John"
  • Last Name renders "Doe"
  • Full Name renders "John Doe"
  • Email renders "john@example.com"

That's the confirmed output for all four, not an assumption based on the option name alone.

What Does Text Style Actually Contain?

Text Style is a style object, and on inspection it holds two properties: Font, confirmed set to Inter, and Color, confirmed set to #333333. That's the second point the earlier post left open, since it had only confirmed the object existed by name without opening it.

Both values are ordinary editable fields, not fixed defaults. Swap Font for whatever typeface your site uses, and set Color to match your own text color. Nothing about Text Style locks Identity Label's appearance to Inter or dark gray, those are just what a fresh instance ships with.

How Do Prefix and Suffix Actually Work?

Prefix and Suffix are how "Sarah" becomes "Hello, Sarah!" without adding a separate text element or reaching for an IdentityName code override. Set Prefix to "Hello, " and Suffix to "!" alongside a Field of First Name, and the rendered text becomes "Hello, Sarah!" as one unit, still driven by the same identity value.

That's a point already made in the self-hiding components post on this site, and it's worth restating here specifically because it's the core of what Prefix and Suffix are for. Like every other property covered above, both fields are plain optional text inputs. Leave them blank and Identity Label just prints the raw field value.

Fallback works the same way, but for the opposite case: if the identity value itself is empty, whatever text is set in Fallback prints instead. All three, Prefix, Suffix, and Fallback, are ordinary editable text fields with no fixed content.

What Does the Docs Page Get Different?

The docs page describes a different structure from the one above. It lists "Display Field" as an enum with only two options, name or email, defaulting to "name," a "Fallback Text" property defaulting to "Guest," and a "Font Size" property, a number defaulting to 14. None of those three, property names, option counts, or structure, match the real panel described above.

That's stated once, plainly, and it doesn't change anything about how to actually configure this component: use the property list from the live panel, not the docs page. The docs page does get one thing right, and it's worth passing along: IdentityName and IdentityEmail code overrides work as an alternative way to display identity values on any text element, without inserting the Identity Label component at all. That mechanism is already covered in depth in the Code Overrides post on this site, so it's not re-explained here.

The marketing components page describes Identity Label more simply, as displaying "the authenticated user's name or email as text content." That's a fair one-line summary of what the component does, even though the real Field dropdown offers more granularity than name-or-email alone.

How Does Identity Label Pair With Avatar?

Identity Label is one of the five Auth Plugin components confirmed to ship a built-in Hide Logged Out toggle, alongside Social Auth Button, Sign Out Button, Sign In Form, and Avatar, all covered in the self-hiding components post. Set Hide Logged Out to Yes and the label disappears for a signed-out visitor without any Code Overrides setup.

The most common place Identity Label shows up is next to Avatar, forming a profile header or account menu: a photo on one side, a name or email on the other. That pairing, including Avatar's own properties and styling, is already covered in the Avatar component post on this site, so it's not restated here. The practical setup is an Avatar instance with Hide Logged Out set to Yes, sitting beside an Identity Label instance with Field set to Full Name and its own Hide Logged Out also set to Yes, so both appear and disappear together based on the same auth state.

Common Mistakes

  • Assuming Field supports a custom field name. It's a closed dropdown with exactly four options: First Name, Last Name, Full Name, Email. Nothing outside that list.
  • Configuring Identity Label from the docs page. "Display Field," "Fallback Text," and "Font Size" don't match the real panel's property names or structure. Use the live panel or the list above.
  • Expecting Text Style to hold more than Font and Color. That's the full set. There's no separate size or weight control inside it.
  • Leaving Prefix or Suffix blank and adding a separate text element instead. Prefix and Suffix already handle wrapping text around the identity value.
  • Mismatching Hide Logged Out between Avatar and Identity Label. If one hides for guests and the other doesn't, a signed-out visitor sees a half-rendered header.

FAQ

What are the exact options in Identity Label's Field dropdown?
Four: First Name, Last Name, Full Name, Email. No other options exist in the dropdown.

What does Text Style actually contain?
Two properties: Font (Inter on a fresh instance) and Color (#333333 on a fresh instance). Both are editable.

Can I change the Font or Color in Text Style?
Yes. Neither value is fixed. Set Font to match your site's typeface and Color to match your own text color.

How do I make Identity Label say "Hello, Sarah!" instead of just "Sarah"?
Set Prefix to "Hello, " and Suffix to "!" with Field set to First Name or Full Name. No separate text element or code override needed.

Does the docs page match the real Identity Label panel?
No. The docs page currently describes "Display Field" (name or email only), "Fallback Text," and "Font Size," none of which match the real panel's Field, Prefix, Suffix, Fallback, Hide Logged Out, and Text Style properties.

Does Identity Label have a built-in toggle to hide it for logged-out visitors?
Yes. Hide Logged Out is a Yes/No toggle in its own panel, one of five Auth Plugin components with this built-in behavior.

The Short Version

Identity Label's real properties, in panel order, are Field, Prefix, Suffix, Fallback, Hide Logged Out, and Text Style. Field is a dropdown with exactly four options: First Name, Last Name, Full Name, Email. Text Style contains Font and Color, confirmed as Inter and #333333 on a fresh instance, both freely editable. Those two answers, the full Field list and what Text Style contains, are the points an earlier post on this site correctly left open, and they're settled here. Prefix and Suffix turn a bare identity value into a full sentence like "Hello, Sarah!" without a separate text element, Hide Logged Out puts Identity Label among five Auth Plugin components that hide themselves for signed-out visitors with no Code Overrides required, and it most often shows up paired with Avatar in a profile header or account menu.

Share this article

Post on X Share on LinkedIn Share on Facebook

Related articles

Guide

Auth Plugin's Avatar Component: Real Properties, Real Fallback, and Pairing With Identity Label

Avatar's properties panel documents View Only, Hide Logged Out, Placeholder BG, and a full Avatar Style object, and its actual no-photo fallback is a placeholder-colored circle with a silhouette icon, not initials text. Here's the real set, plus how it pairs with Identity Label on a profile page.

Guide

Which Auth Plugin Components Hide Themselves by Login State?

Exactly five of Auth Plugin's components ship a built-in toggle that hides them based on auth state, Social Auth Button, Sign Out Button, Sign In Form, Avatar, and Identity Label, no Code Overrides required. Here's every confirmed property across all five.

Product

Auth Plugin Code Overrides: Show and Hide Content by Login State

Auth Plugin's Code Overrides component ships five overrides, two visibility, two identity-injection, one sign-out action, that you can apply to any Framer element without building a full Protected Pages rule. Here's the complete documented set.

View Auth Plugin pricingExplore all 13 Auth Plugin components
Auth Plugin logo
Auth Plugin

Complete authentication for Framer sites. No backend required. Zero code setup.

Product

FeaturesPricingComponentsIntegrationsFramer Marketplace

Resources

DocumentationBlogChangelogRoadmapContact & Support

Legal

Privacy PolicyTerms of ServiceRefund Policy

Ask AI for Info

ChatGPTClaudeGeminiGrokPerplexity

© 2026 Auth Plugin. All rights reserved.

Auth Plugin by FramerGeeks