Component Storybook
Instead of having a dedicated storybook component, we have decided to create a simple 1 pager to render whatever we wanted to. In this way, we can avoid having to maintain another setup and thing can work straight out of the box.
Buttons Bar
Dialogs
Cards
Sample 1
Lorem ipsum loreSample 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare ipsum quis commodo faucibus. Nam gravida blandit turpis ut pretium. In dui dui, feugiat dictum vestibulum sed, vulputate ac mi. Nunc sit amet tempor dolor, sed viverra dui. Nunc aliquam sodales ante at dignissim. Cras cursus ipsum ut tincidunt faucibus. Phasellus tincidunt, turpis ullamcorper laoreet pellentesque, lorem tortor aliquet quam, vitae tristique quam magna non sapien. Cras scelerisque diam scelerisque, feugiat neque ut, viverra dui. Curabitur non ornare velit. In ac ipsum cursus, mattis erat vitae, ornare orci. Integer ac tortor libero.Sample Long Title Of Many
Short message comprendo.Sample 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ornare ipsum quis commodo faucibus. Nam gravida blandit turpis ut pretium. In dui dui, feugiat dictum vestibulum sed, vulputate ac mi. Nunc sit amet tempor dolor, sed viverra dui. Nunc aliquam sodales ante at dignissim. Cras cursus ipsum ut tincidunt faucibus. Phasellus tincidunt, turpis ullamcorper laoreet pellentesque, lorem tortor aliquet quam, vitae tristique quam magna non sapien. Cras scelerisque diam scelerisque, feugiat neque ut, viverra dui. Curabitur non ornare velit. In ac ipsum cursus, mattis erat vitae, ornare orci. Integer ac tortor libero.
Table
header one | header two | header three | header four |
---|---|---|---|
one | one | one | one |
two | two with a very ong message | lorem ipsum tu la tu cove | two |
Figure
This is a sticky section
Reversed Figure
This is a sticky section
Keyboard
Canvases
ScrollableList
I am 0
I am 1
I am 2
I am 3
I am 4
I am 5
I am 6
I am 7
I am 8
I am 9
I am 10
I am 11
I am 12
I am 13
I am 14
I am 15
I am 16
I am 17
I am 18
I am 19
I am 20
I am 21
I am 22
I am 23
I am 24
I am 25
I am 26
I am 27
I am 28
I am 29
I am 30
I am 31
I am 32
I am 33
I am 34
I am 35
I am 36
I am 37
I am 38
I am 39
I am 40
I am 41
I am 42
I am 43
I am 44
I am 45
I am 46
I am 47
I am 48
I am 49