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
  • eu reprehenderit enim
  • culpa eu ad
  • do deserunt cillum
  • pariatur occaecat ad
  • sit cillum laboris
  • anim excepteur Lorem
  • exercitation fugiat fugiat
  • laboris sunt deserunt
  • in nisi ipsum
  1. ullamco occaecat ea
  2. exercitation aliquip cupidatat
  3. nostrud ex exercitation
  4. duis duis adipisicing
  5. dolore exercitation ullamco
  6. pariatur sunt anim
  7. labore cillum sunt
  8. adipisicing non nisi
  9. et sunt voluptate
  10. aliqua dolore pariatur

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.

Esse sint deserunt et tempor ex nisi in ipsum. Aliquip ex deserunt sit id duis veniam dolor exercitation. Note: this is just placeholder text.


Grid Layouts (Intrinsic)#

enim nulla

Sint irure in sit id do qui nostrud cupidatat. Et officia ex laborum enim id eiusmod dolor minim. Nisi cupidatat consectetur aliquip nostrud anim excepteur qui laboris. Qui quis est est ea duis labore nulla mollit. Non dolor fugiat fugiat ex commodo duis reprehenderit adipisicing. Sit dolor sit ea irure in ex qui sit.

ea irure deserunt

Ipsum anim cillum do cupidatat Lorem duis sit pariatur. Sit officia amet est consectetur commodo quis aliquip aute. Enim duis laboris aute dolore pariatur aute ex excepteur. Esse aliquip mollit eu quis dolore veniam enim magna. Amet veniam commodo et nostrud nostrud qui quis cupidatat. Velit ipsum deserunt minim amet elit amet incididunt occaecat.

proident in

Voluptate deserunt labore tempor dolore velit esse dolor ipsum. Ullamco aute elit sunt pariatur enim sint ipsum eiusmod. Excepteur duis minim commodo laborum aute adipisicing adipisicing dolore. Commodo mollit ullamco elit magna veniam deserunt ea tempor. Cillum deserunt labore culpa exercitation mollit ex occaecat ea. Occaecat elit quis dolore esse id non nostrud irure.

excepteur eiusmod quis

Non reprehenderit deserunt excepteur ea exercitation nisi sint deserunt. Labore aliqua non ipsum excepteur deserunt incididunt do ex. Duis ad fugiat fugiat mollit est mollit officia aliquip. Dolore laboris exercitation esse amet consequat et ad nostrud. Cillum adipisicing occaecat tempor ipsum voluptate eiusmod adipisicing tempor. Do consectetur do culpa dolor minim consequat esse laborum.


Forms#

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