Prefabs

Getting Started

Prefabs

Utilities

Feedback

Donate

Prefabs

Getting Started

Utilities

Feedback

Github

Donate

Getting Started

Prefabs

Utilities

v1.0

Text

An alternative to framer native text. This text prefab allows you to set the id.

Github

When to use?

This prefab only comes in handy when you need to set the id of a text to associated as a group label for other inputs. You should use Framer default text whenever possible, but this is a valid alternative.

When to use?

This prefab only comes in handy when you need to set the id of a text to associated as a group label for other inputs. You should use Framer default text whenever possible, but this is a valid alternative.

When to use?

This prefab only comes in handy when you need to set the id of a text to associated as a group label for other inputs. You should use Framer default text whenever possible, but this is a valid alternative.

Features

Features

Features

Allows you to set to any html tag that accepts text.

Allows you to set the ID of the html tag.

How to use

How to use

How to use

Set ID: Set the id to any unique string and it will set the id attribute.

Done: That is it! You are all set to use this prefab.

Accessbility considerations

Accessbility considerations

Accessbility considerations

Use the label prefab for user interface items, such as input fields, checkboxes, and radio buttons. The considerations for using the <label> tag are:

Accessibility: Consider using this when you need to associate a group label using aria-describedby to group multiple inputs into a single parent label.

Span: Currently there is a bug in framer that doesn't allow you to set a text to span. This prefab resolves that and allows you to set the text to a span.

Properties

Properties

Properties

Property

Default

Description

Tag

Enum

Sets the Tag of the prefab.

ID

String

Sets the id of the text.

Text

String

The text value of the label.

Styles

Object

The font styles and color of the label.