v1.0

Form button

Sets Framer native button tag to a type of submit, or reset and to use within a form.

Why use this prefab?

Framer gives you the capability to set a any layer as a button, but does not let you set its properties. This Prefab allows you to set the button type and allows the prefab to be associated with a form using native HTML form attribute.

Why use this prefab?

Framer gives you the capability to set a any layer as a button, but does not let you set its properties. This Prefab allows you to set the button type and allows the prefab to be associated with a form using native HTML form attribute.

Why use this prefab?

Framer gives you the capability to set a any layer as a button, but does not let you set its properties. This Prefab allows you to set the button type and allows the prefab to be associated with a form using native HTML form attribute.

Features

Features

Features

Use any framer component all styling done within framer canvas not in the code or sidebar.

Applies all accessible aria attributes to ensure everyone can interact with it.

Uses native HTML Form attribute to use within any form.

How to use

How to use

How to use

Create a framer component: Using framer create a component that will use this prefab.

Set tag to Button: Using framer accessibility tools set the parent layer as the tag <button>

Add prefab: Add the prefab to the component parent layer.

Test: To test the prefab must be associated with a form prefab.

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

Accessbility considerations

Accessbility considerations

Accessbility considerations

When creating the component that will be used with this prefab consider the following:

When creating your component that will use this prefab ensure that there is sufficient contrast between the different states. Read more about required contrast to pass AA WCAG requirements

Make sure to have clear labels when creating a form button. Users should be aware when the form will be submitting or reseting.

Properties

Properties

Properties

Property

Default

Description

Button Type

Enum

The button type can be type of submit or reset.

Form ID

String

The form that will the button will be associated with.