A Guide to
Tessellation Components
"Tessellation Origami" is a folding genre that creates complex, intricate, repeating patterns with a single sheet of paper. The individual part that is repeated to form the pattern is called a "molecule", which is how these elements below can be considered in the overall UI. Here are some generally highly reused components:
1. CodeContainer
<CodeContainer
codeSnippet={"//code snippet goes here"}
color='molecule'
/>
2. Button
Three Variants: | |
<Button title="Title" size="lg"/>
<Button title="Default"/>
<Button title="Small" size="sm"/>
3. Input
<Input placeholder="This is a placeholder"/>
4. More lego pieces to come
Under Development