Core ElementsFree

Divider with Label

A separator with a centered text label, e.g. for "or" between two sign-in options.

Usage

OR

bash

npm install @wunderui/react

Then import what you need:

tsx

import { DividerWithLabel } from "@wunderui/react"

A line with a label in the middle.

Label

How the component is used inside real screens — the same compositions as the Usage section of the Figma page.

Social sign-in buttons, then “or continue with email” on a divider, then the form.

Create your account

Start your 14-day trial.

or continue with email

The same sign-up card stacked for a phone screen.

Create your account

Start your 14-day trial.

or continue with email