Skip to content

Instantly share code, notes, and snippets.

@logicaroma

logicaroma/Overview.md

Created November 18, 2013 15:48
Show Gist options
  • Save logicaroma/7530063 to your computer and use it in GitHub Desktop.
Save logicaroma/7530063 to your computer and use it in GitHub Desktop.
Download ZIP
Some Notes on the next client-ui release
Raw
Overview.md

Based on the latest UX designs we now have a list of components that we need to add/ improve in client-ui 0.2.x.

This release will introduce the following new/ updated components

Modal

  • Used for creating popups (a view only presented as a modal dialog),
  • Notifications in form of a HUD

Forms

Needs to be updated for the new UX interaction.

  • .label--floating (an modifier on the formfield__item element used on it will be used for the floating label pattern

  • Some Ideas on the implementation part

  • Native iOS example

  • Frontend Example in CodePen

  • .form--readonly a modifier which changes the presentation of the form. It needs to be shown to the user so he could 'validate' the entered data before submit. This way we can use the modifier on the payment form and make it look like the summary view without transitioning to another view, render the same data and we can implement the error presentation inside 1 view and keep it loosly coupled.

  • .text-area--growable a new modifier for text-area element.

Tooltips & Error

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment