SensaMarket Component Library

Next.js components built from the V3 design system. All buttons & text field variations.

๐Ÿ”˜ Buttons

All interactive button variants used across the platform.

Primary Variants
Sizes
Special Variants
Social Login
Full Width
Loading States
โ† Click to see transition
Disabled

๐Ÿ“ Input Fields

Form inputs for auth flows, search, filters, and data entry.

Default & Password
Default
Password + Eye Toggle
States
Error State
Please enter a valid email address.
Success State
โœ“ Email verified
Ghost / Blend Input

Invisible at rest โ€” blends into the background. Border and background appear on hover and sharpen on focus.

Resting โ†’ Hover โ†’ Focus
Ghost with value
Prefix & Suffix Inputs

Composite inputs with attached prefix text, suffix text, or icons. The entire wrapper responds to focus as one unit.

Prefix
$
https://
Suffix
shares
$USD
Left Icon
Right Icon
Ghost + Prefix/Suffix/Icon
Ghost + Prefix + Icon
$
Ghost + Suffix + Right Icon
contracts
Search Input
Textarea
Supports markdown formatting
OTP Input

Value: โ€”

Password Strength Bar

Strength: None

Disabled
Disabled Input
Disabled Textarea