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
  • qui dolor culpa
  • esse esse veniam
  • proident ad deserunt
  • aliquip non exercitation
  • nulla sit enim
  • elit occaecat ex
  • aliqua amet minim
  • culpa esse elit
  • non aute deserunt
  1. laboris amet commodo
  2. laborum commodo et
  3. eu laboris Lorem
  4. Lorem ullamco consequat
  5. nisi ex culpa
  6. eu eu tempor
  7. mollit sit consectetur
  8. laborum quis cupidatat
  9. ea incididunt aliquip
  10. nostrud consectetur commodo

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.

Aliquip dolore ullamco occaecat magna ad cillum officia sint. Sit non esse ullamco incididunt qui nulla pariatur ex. Note: this is just placeholder text.


Grid Layouts (Intrinsic)#

sint mollit

Velit sunt ea exercitation sint eiusmod ut minim ut. Et cillum consectetur laborum ipsum duis labore eiusmod tempor. Id velit dolore Lorem aute pariatur elit ex nulla. Esse ullamco non minim do irure esse laborum duis. Aute id quis sint est enim sit ad Lorem. Adipisicing eiusmod aliqua et aute eiusmod occaecat ex et.

voluptate Lorem dolore

Id reprehenderit ex exercitation id nisi incididunt irure dolor. Voluptate deserunt esse laborum ex cillum aute cupidatat voluptate. Non commodo irure commodo sunt duis minim adipisicing eu. Nostrud quis ut laboris cillum amet qui anim cillum. Deserunt tempor aliquip esse elit nisi culpa reprehenderit anim. Sint exercitation duis exercitation laborum fugiat esse laboris Lorem.

voluptate laboris

Pariatur reprehenderit velit irure quis pariatur exercitation tempor ad. Adipisicing id aliquip ea duis consequat fugiat amet et. Eu id cupidatat excepteur occaecat Lorem qui excepteur exercitation. Minim consectetur Lorem sit excepteur officia cupidatat laborum eiusmod. Enim officia amet non fugiat sit quis elit incididunt. Enim elit veniam laborum ad dolore sunt anim ipsum.

ut id est

Adipisicing ullamco laboris irure sint id ipsum esse velit. Aliqua consectetur ipsum consequat minim amet excepteur eu irure. Magna veniam tempor id fugiat qui nisi nostrud reprehenderit. Ex irure non tempor laboris nulla cillum non qui. Nisi sit in laborum laborum proident proident quis voluptate. In ad ad irure anim duis amet cillum sit.


Forms#

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