Copy & Form Elements


Example of Various UI Elements

The following is a sample of the type of UI elements you can create for your site or app with the ability to easily implement one-off CSS customizations when needed.

Lists#

  • One-off customization
  • eiusmod deserunt pariatur
  • officia non voluptate
  • esse veniam duis
  • esse nisi amet
  • non irure occaecat
  • ullamco aute nisi
  • sunt adipisicing aliquip
  • proident nulla id
  • nostrud nostrud velit
  1. aliqua minim aliqua
  2. mollit adipisicing nulla
  3. cillum ullamco minim
  4. ad amet et
  5. veniam dolor non
  6. aute in elit
  7. sit ea reprehenderit
  8. reprehenderit sit ea
  9. proident minim qui
  10. reprehenderit dolore aliquip

Buttons#

Alerts#

Look pa', I'm a standard alert!
I'm an alert with a secondary variant applied and an onClose handler
I'm an alert with a pending variant applied
I'm an alert with an error variant applied
I'm an alert with a disabled app state variant applied

All paragraph text have access to global default styles, that you define and customize in the theme. If you need to apply inline one-off CSS rules, you can. Same goes for links and any other HTML UI element you see on this demo page, e.g. an image, table, captions, etc.

Mollit non sint pariatur est sint officia quis deserunt. Dolore dolore do anim cupidatat ex aliqua ipsum sit. Note: this is just placeholder text.


Grid Layouts (Intrinsic)#

qui consectetur

Ea do et sunt est irure consectetur pariatur aute. Minim consequat commodo consequat irure commodo exercitation sit ad. Esse reprehenderit cupidatat ex eiusmod voluptate consequat culpa sit. Lorem esse mollit ullamco quis ad labore veniam culpa. Nulla sit consequat ut incididunt fugiat ut aliquip eu. Ullamco non occaecat tempor duis est officia laboris et.

consectetur ad culpa

Reprehenderit esse tempor occaecat incididunt deserunt ad ex duis. Incididunt duis sit anim nisi proident Lorem consequat laboris. Et voluptate ea consectetur elit magna duis adipisicing officia. Non eu consequat mollit officia eu sunt eu proident. Aute qui veniam amet veniam pariatur mollit reprehenderit ad. Nisi sunt ipsum voluptate ut consectetur occaecat sunt eu.

reprehenderit commodo

Nostrud excepteur nostrud non duis incididunt ut veniam in. Aute eiusmod sit fugiat eu consequat nostrud laboris nulla. Consequat ad non deserunt aliqua commodo fugiat duis fugiat. Nostrud id duis officia fugiat officia deserunt sit in. Proident exercitation est consequat pariatur fugiat ex laboris veniam. Sit ex exercitation ut ipsum consectetur est est laboris.

sit cupidatat dolor

Qui et in mollit tempor aliqua ea consequat aliquip. Ut irure id consequat cupidatat id commodo ex anim. Esse do aliquip elit occaecat magna qui id dolore. Commodo consectetur sint elit sint fugiat sunt aute voluptate. Laborum laboris est pariatur irure adipisicing labore ea dolor. Quis sunt proident tempor nulla pariatur excepteur culpa qui.


Forms#

Create some snazzy forms with extensible data-collecting UI components, like the following: