Patterns

What's a Pattern? Jump to heading #

A pattern is a code snippet composed of components, style utilities, and native HTML that you can copy and paste into any project that uses Web Awesome. It's a chunk of a user interface, rather than a single component, that allows you to implement UI solutions without designing something from scratch.

Patterns are designed according to proven usability practices so they're responsive, accessible, and cohesive out-of-the-box. Importantly, patterns don't handle business logic or functionality like form submissions, data processing, encryption, etc. It's up to you to implement the logic you need for your project.

Patterns are written as standard HTML, so you can use them just as you would any ol' HTML and customize them to fit your specific needs.

Using Patterns Jump to heading #

To use a pattern in your project, refer to each pattern's docs for a copyable code snippet. Paste the snippet wherever you'd like the pattern to appear in your project.

Because patterns use a combination of Web Awesome features, they work best when you have native styles, style utilities, and a theme installed in addition to Web Awesome components. Refer to the Installation page to set up all of these features in your project.