Saphyte Client Portal Input | Public Design System Documentation

Skip to documentation

Design systemsSelect design system

Search this documentation

Back to portfolio

Input

Keep expected content, entered values, and feedback in one field pattern.

Created & adapted by Insan NurjamanPrimitive + semantic variables foundationCurated public preview

Component model

The reviewed Input exposes Default, Hover, Active, Filled, and Disable with Medium/Large sizes. Labels, helpers, icons, count, and lower content are configurable.

Try the component

Illustrative interaction

Example state

Project name

Illustrative field. This value is not saved.

Native example only. No live account action, production service, or source-code parity is implied.

Original specimens

Original Client Portal input variants — Original exported design. Open to inspect at full size. Source appearance is preserved; private editable files are not linked.

Usage

Choose deliberately

Keep the field label visible after a value is entered.
Use helper or error text to explain what needs correction.
Do not use placeholder copy as the only label.

Keep the limits visible

Source properties and screenshots document design intent. Validate the supported combinations and interaction behavior in the implementation before treating them as a guarantee.

Read usage guidelines

Curated design documentation by Insan Nurjaman. Native examples are illustrative, not a production package or a standards certification.

Explore the story