Skip to content

Commit b7ff096

Browse files
batosaibatosai
committed
Merge branch 'develop'
2 parents 4c67d57 + e168841 commit b7ff096

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

48 files changed

+150
-141
lines changed

‎fractal/components/02-display/avatar/01-avatar--size.edge

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<div>
2-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people', class: 'w-32 rounded' })
3-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people', class: 'w-20 rounded' })
4-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people', class: 'w-16 rounded' })
5-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people', class: 'w-8 rounded' })
2+
@!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192', class: 'w-32 rounded' })
3+
@!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192', class: 'w-20 rounded' })
4+
@!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192', class: 'w-16 rounded' })
5+
@!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192', class: 'w-8 rounded' })
66
</div>

‎fractal/components/02-display/avatar/02-avatar--rounded.edge

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,2 @@
1-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people', class: 'w-24 rounded-xl' })
2-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people', class: 'w-24 rounded-full' })
1+
@!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192', class: 'w-24 rounded-xl' })
2+
@!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192', class: 'w-24 rounded-full' })

‎fractal/components/02-display/avatar/03-avatar--mask.edge

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people', class: 'w-24 mask mask-squircle' })
2-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people', class: 'w-24 mask mask-hexagon' })
3-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people', class: 'w-24 mask mask-triangle' })
1+
@!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192', class: 'w-24 mask mask-squircle' })
2+
@!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192', class: 'w-24 mask mask-hexagon' })
3+
@!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192', class: 'w-24 mask mask-triangle' })
44

‎fractal/components/02-display/avatar/04-avatar--group.edge

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
@jrmc.avatar.group()
2-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people', class: 'w-12' })
3-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people', class: 'w-12' })
4-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people', class: 'w-12' })
2+
@!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192', class: 'w-12' })
3+
@!jrmc.avatar({ url: 'https://picsum.photos/id/65/192/192', class: 'w-12' })
4+
@!jrmc.avatar({ url: 'https://picsum.photos/id/338/192/192', class: 'w-12' })
55
@end

‎fractal/components/02-display/avatar/05-avatar--group2.edge

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
@jrmc.avatar.group({ class: '-space-x-12' })
2-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people' })
3-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people' })
2+
@!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192' })
3+
@!jrmc.avatar({ url: 'https://picsum.photos/id/65/192/192' })
44
@!jrmc.avatar({ placeholder: '+99' })
55
@end

‎fractal/components/02-display/avatar/06-avatar--ring.edge

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people', class: 'w-24 rounded-full ring ring-primary ring-offset-base-100 ring-offset-2' })
1+
@!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192', class: 'w-24 rounded-full ring ring-primary ring-offset-base-100 ring-offset-2' })

‎fractal/components/02-display/avatar/07-avatar--status.edge

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,2 @@
1-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people', status: 'online', class: 'w-24 rounded-full' })
2-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people', status: 'offline', class: 'w-24 rounded-full' })
1+
@!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192', status: 'online', class: 'w-24 rounded-full' })
2+
@!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192', status: 'offline', class: 'w-24 rounded-full' })

‎fractal/components/02-display/avatar/avatar.edge

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<div>
2-
@!jrmc.avatar({ url: 'https://placeimg.com/192/192/people' })
2+
@!jrmc.avatar({ url: 'https://picsum.photos/id/64/192/192' })
33

44
@jrmc.avatar()
5-
<img src="https://placeimg.com/192/192/people" alt="Text alt" />
5+
<img src="https://picsum.photos/id/64/192/192" alt="Text alt" />
66
@end
77
</div>

‎fractal/components/02-display/card/01-card.edge

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@jrmc.card()
22
@slot('top')
3-
<figure><img src="https://placeimg.com/400/225/arch" alt="Shoes" /></figure>
3+
<figure><img src="https://picsum.photos/400/225" alt="Shoes" /></figure>
44
@end
55
@jrmc.card.body()
66
@!jrmc.card.title({ text: 'Shoes!' })

‎fractal/components/02-display/card/02-card--compact.edge

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@jrmc.card({ class: 'card-compact w-96 bg-base-100 shadow-xl' })
22
@slot('top')
3-
<figure><img src="https://placeimg.com/400/225/arch" alt="Shoes" /></figure>
3+
<figure><img src="https://picsum.photos/400/225" alt="Shoes" /></figure>
44
@end
55
@jrmc.card.body()
66
@!jrmc.card.title({ text: 'Shoes!' })

‎fractal/components/02-display/card/03-card--badge.edge

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@jrmc.card()
22
@slot('top')
3-
<figure><img src="https://placeimg.com/400/225/arch" alt="Shoes" /></figure>
3+
<figure><img src="https://picsum.photos/400/225" alt="Shoes" /></figure>
44
@end
55
@jrmc.card.body()
66
@jrmc.card.title()

‎fractal/components/02-display/card/04-card--bottom-image.edge

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,6 @@
88
@end
99
@end
1010
@slot('bottom')
11-
<figure><img src="https://placeimg.com/400/225/arch" alt="Shoes" /></figure>
11+
<figure><img src="https://picsum.photos/400/225" alt="Shoes" /></figure>
1212
@end
1313
@end

‎fractal/components/02-display/card/05-card--center-content.edge

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@jrmc.card()
22
@slot('top')
3-
<figure class="px-10 pt-10"><img src="https://placeimg.com/400/225/arch" alt="Shoes" /></figure>
3+
<figure class="px-10 pt-10"><img src="https://picsum.photos/400/225" alt="Shoes" /></figure>
44
@end
55
@jrmc.card.body({ class: 'items-center text-center' })
66
@!jrmc.card.title({ text: 'Shoes!' })

‎fractal/components/02-display/card/06-card--image-overlay.edge

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@jrmc.card({ class: 'w-96 bg-base-100 shadow-xl image-full'})
22
@slot('top')
3-
<figure><img src="https://placeimg.com/400/225/arch" alt="Shoes" /></figure>
3+
<figure><img src="https://picsum.photos/400/225" alt="Shoes" /></figure>
44
@end
55
@jrmc.card.body()
66
@!jrmc.card.title({ text: 'Shoes!' })

‎fractal/components/02-display/card/10-card--with-image-on-side.edge

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@jrmc.card({ class: 'card-side bg-base-100 shadow-xl' })
22
@slot('top')
3-
<figure><img src="https://placeimg.com/200/280/arch" alt="Movie"></figure>
3+
<figure><img src="https://picsum.photos/200/280" alt="Movie"></figure>
44
@end
55
@jrmc.card.body()
66
@!jrmc.card.title({ text: 'New movie is released!' })

‎fractal/components/02-display/card/11-card--with-image-on-side-vertical-on-small-screen-and-horizontal-on-large-screen.edge.edge

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@jrmc.card({ class: 'lg:card-side bg-base-100 shadow-xl' })
22
@slot('top')
3-
<figure><img src="https://placeimg.com/400/400/arch" alt="Movie"></figure>
3+
<figure><img src="https://picsum.photos/400/400" alt="Movie"></figure>
44
@end
55
@jrmc.card.body()
66
@!jrmc.card.title({ text: 'New movie is released!' })

‎fractal/components/02-display/carousel/01-carousel.edge

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
@!jrmc.carousel({ items: [
2-
{ url: 'https://placeimg.com/400/300/arch', alt: 'text alt' },
3-
{ url: 'https://placeimg.com/400/300/arch' },
4-
{ url: 'https://placeimg.com/400/300/arch' },
5-
{ url: 'https://placeimg.com/400/300/arch' },
6-
{ url: 'https://placeimg.com/400/300/arch' },
2+
{ url: 'https://picsum.photos/id/400/400/300', alt: 'text alt' },
3+
{ url: 'https://picsum.photos/id/401/400/300' },
4+
{ url: 'https://picsum.photos/id/402/400/300' },
5+
{ url: 'https://picsum.photos/id/403/400/300' },
6+
{ url: 'https://picsum.photos/id/404/400/300' },
77
] })

‎fractal/components/02-display/carousel/02-carousel--snap-to-center.edge

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
@!jrmc.carousel({ items: [
2-
{ url: 'https://placeimg.com/400/300/arch' },
3-
{ url: 'https://placeimg.com/400/300/arch' },
4-
{ url: 'https://placeimg.com/400/300/arch' },
5-
{ url: 'https://placeimg.com/400/300/arch' },
6-
{ url: 'https://placeimg.com/400/300/arch' },
2+
{ url: 'https://picsum.photos/id/400/400/300' },
3+
{ url: 'https://picsum.photos/id/401/400/300' },
4+
{ url: 'https://picsum.photos/id/402/400/300' },
5+
{ url: 'https://picsum.photos/id/403/400/300' },
6+
{ url: 'https://picsum.photos/id/404/400/300' },
77
], class: 'carousel-center rounded-box' })

‎fractal/components/02-display/carousel/03-carousel--snap-to-end.edge

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
@jrmc.carousel({ class: 'carousel-end rounded-box' })
2-
@!jrmc.carousel.item({ url: 'https://placeimg.com/256/400/arch'})
3-
@!jrmc.carousel.item({ url: 'https://placeimg.com/256/400/arch' })
4-
@!jrmc.carousel.item({ url: 'https://placeimg.com/256/400/arch' })
5-
@!jrmc.carousel.item({ url: 'https://placeimg.com/256/400/arch' })
6-
@!jrmc.carousel.item({ url: 'https://placeimg.com/256/400/arch' })
2+
@!jrmc.carousel.item({ url: 'https://picsum.photos/id/400/256/400'})
3+
@!jrmc.carousel.item({ url: 'https://picsum.photos/id/401/256/400' })
4+
@!jrmc.carousel.item({ url: 'https://picsum.photos/id/402/256/400' })
5+
@!jrmc.carousel.item({ url: 'https://picsum.photos/id/403/256/400' })
6+
@!jrmc.carousel.item({ url: 'https://picsum.photos/id/404/256/400' })
77
@end

‎fractal/components/02-display/carousel/04-carousel--with-full-width-items.edge

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
@jrmc.carousel({ class: 'w-64 rounded-box' })
22
@jrmc.carousel.item({ class: 'w-full' })
3-
<img src="https://placeimg.com/256/400/arch" class="w-full" alt="" />
3+
<img src="https://picsum.photos/id/400/256/400" class="w-full" alt="" />
44
@end
55
@jrmc.carousel.item({ class: 'w-full' })
6-
<img src="https://placeimg.com/256/400/arch" class="w-full" alt="" />
6+
<img src="https://picsum.photos/id/401/256/400" class="w-full" alt="" />
77
@end
88
@jrmc.carousel.item({ class: 'w-full' })
9-
<img src="https://placeimg.com/256/400/arch" class="w-full" alt="" />
9+
<img src="https://picsum.photos/id/402/256/400" class="w-full" alt="" />
1010
@end
1111
@end

‎fractal/components/02-display/carousel/05-carousel--vertical.edge

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
@!jrmc.carousel({ items: [
2-
{ url: 'https://placeimg.com/400/300/arch', class: 'h-full' },
3-
{ url: 'https://placeimg.com/400/300/arch', class: 'h-full' },
4-
{ url: 'https://placeimg.com/400/300/arch', class: 'h-full' },
5-
{ url: 'https://placeimg.com/400/300/arch', class: 'h-full' },
6-
{ url: 'https://placeimg.com/400/300/arch', class: 'h-full' },
2+
{ url: 'https://picsum.photos/id/301/400/300', class: 'h-full' },
3+
{ url: 'https://picsum.photos/id/302/400/300', class: 'h-full' },
4+
{ url: 'https://picsum.photos/id/308/400/300', class: 'h-full' },
5+
{ url: 'https://picsum.photos/id/304/400/300', class: 'h-full' },
6+
{ url: 'https://picsum.photos/id/305/400/300', class: 'h-full' },
77
], class: 'h-96 carousel-vertical rounded-box' })

‎fractal/components/02-display/carousel/06-carousel--with-half-width-items.edge

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
@jrmc.carousel({ class: 'rounded-box w-96' })
22
@jrmc.carousel.item({ class: 'w-1/2' })
3-
<img src="https://placeimg.com/256/400/arch" class="w-full" alt="" />
3+
<img src="https://picsum.photos/id/400/256/400" class="w-full" alt="" />
44
@end
55
@jrmc.carousel.item({ class: 'w-1/2' })
6-
<img src="https://placeimg.com/256/400/arch" class="w-full" alt="" />
6+
<img src="https://picsum.photos/id/401/256/400" class="w-full" alt="" />
77
@end
88
@jrmc.carousel.item({ class: 'w-1/2' })
9-
<img src="https://placeimg.com/256/400/arch" class="w-full" alt="" />
9+
<img src="https://picsum.photos/id/402/256/400" class="w-full" alt="" />
1010
@end
1111
@jrmc.carousel.item({ class: 'w-1/2' })
12-
<img src="https://placeimg.com/256/400/arch" class="w-full" alt="" />
12+
<img src="https://picsum.photos/id/403/256/400" class="w-full" alt="" />
1313
@end
1414
@jrmc.carousel.item({ class: 'w-1/2' })
15-
<img src="https://placeimg.com/256/400/arch" class="w-full" alt="" />
15+
<img src="https://picsum.photos/id/404/256/400" class="w-full" alt="" />
1616
@end
1717
@end

‎fractal/components/02-display/carousel/07-carousel--full-bleed.edge

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
@jrmc.carousel({ class: 'carousel-center max-w-md p-4 space-x-4 bg-neutral rounded-box' })
22
@jrmc.carousel.item()
3-
<img src="https://placeimg.com/250/180/arch" class="rounded-box" alt="" />
3+
<img src="https://picsum.photos/id/400/250/180" class="rounded-box" alt="" />
44
@end
55
@jrmc.carousel.item()
6-
<img src="https://placeimg.com/250/180/arch" class="rounded-box" alt="" />
6+
<img src="https://picsum.photos/id/401/250/180" class="rounded-box" alt="" />
77
@end
88
@jrmc.carousel.item()
9-
<img src="https://placeimg.com/250/180/arch" class="rounded-box" alt="" />
9+
<img src="https://picsum.photos/id/402/250/180" class="rounded-box" alt="" />
1010
@end
1111
@jrmc.carousel.item()
12-
<img src="https://placeimg.com/250/180/arch" class="rounded-box" alt="" />
12+
<img src="https://picsum.photos/id/403/250/180" class="rounded-box" alt="" />
1313
@end
1414
@end

‎fractal/components/02-display/carousel/08-carousel--with-indicator-button.edge

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
11
<div>
22
@jrmc.carousel({ class: 'w-full' })
33
@jrmc.carousel.item({ id: 'item1', class: 'w-full' })
4-
<img src="https://placeimg.com/800/200/arch" class="w-full" alt="" />
4+
<img src="https://picsum.photos/id/400/800/200" class="w-full" alt="" />
55
@end
66
@jrmc.carousel.item({ id: 'item2', class: 'w-full' })
7-
<img src="https://placeimg.com/800/200/arch" class="w-full" alt="" />
7+
<img src="https://picsum.photos/id/401/800/200" class="w-full" alt="" />
88
@end
99
@jrmc.carousel.item({ id: 'item3', class: 'w-full' })
10-
<img src="https://placeimg.com/800/200/arch" class="w-full" alt="" />
10+
<img src="https://picsum.photos/id/402/800/200" class="w-full" alt="" />
1111
@end
1212
@jrmc.carousel.item({ id: 'item4', class: 'w-full' })
13-
<img src="https://placeimg.com/800/200/arch" class="w-full" alt="" />
13+
<img src="https://picsum.photos/id/403/800/200" class="w-full" alt="" />
1414
@end
1515
@end
1616

‎fractal/components/02-display/carousel/09-carousel--with-next=prev-buttons.edge

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,27 @@
11
@jrmc.carousel({ class: 'w-full' })
22
@jrmc.carousel.item({ id: 'slide1', class: 'relative w-full' })
3-
<img src="https://placeimg.com/800/200/arch" class="w-full" />
3+
<img src="https://picsum.photos/id/400/800/200" class="w-full" />
44
<div class="absolute flex justify-between transform -translate-y-1/2 left-5 right-5 top-1/2">
55
@!jrmc.button.link({ text: '❮', class: 'btn-circle', href: '#slide4' })
66
@!jrmc.button.link({ text: '❯', class: 'btn-circle', href: '#slide2' })
77
</div>
88
@end
99
@jrmc.carousel.item({ id: 'slide2', class: 'relative w-full' })
10-
<img src="https://placeimg.com/800/200/arch" class="w-full" />
10+
<img src="https://picsum.photos/id/401/800/200" class="w-full" />
1111
<div class="absolute flex justify-between transform -translate-y-1/2 left-5 right-5 top-1/2">
1212
@!jrmc.button.link({ text: '❮', class: 'btn-circle', href: '#slide1' })
1313
@!jrmc.button.link({ text: '❯', class: 'btn-circle', href: '#slide3' })
1414
</div>
1515
@end
1616
@jrmc.carousel.item({ id: 'slide3', class: 'relative w-full' })
17-
<img src="https://placeimg.com/800/200/arch" class="w-full" />
17+
<img src="https://picsum.photos/id/402/800/200" class="w-full" />
1818
<div class="absolute flex justify-between transform -translate-y-1/2 left-5 right-5 top-1/2">
1919
@!jrmc.button.link({ text: '❮', class: 'btn-circle', href: '#slide2' })
2020
@!jrmc.button.link({ text: '❯', class: 'btn-circle', href: '#slide4' })
2121
</div>
2222
@end
2323
@jrmc.carousel.item({ id: 'slide4', class: 'relative w-full' })
24-
<img src="https://placeimg.com/800/200/arch" class="w-full" />
24+
<img src="https://picsum.photos/id/403/800/200" class="w-full" />
2525
<div class="absolute flex justify-between transform -translate-y-1/2 left-5 right-5 top-1/2">
2626
@!jrmc.button.link({ text: '❮', class: 'btn-circle', href: '#slide3' })
2727
@!jrmc.button.link({ text: '❯', class: 'btn-circle', href: '#slide1' })

‎fractal/components/02-display/chat/02-chat--avatar.edge

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@jrmc.chat()
22
@slot('avatar')
3-
<img src="https://placeimg.com/192/192/people" />
3+
<img src="https://picsum.photos/192/192" />
44
@end
55
It was said that you would, destroy the Sith, not join them.
66
@end

‎fractal/components/02-display/chat/05-chat--position.edge

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
@jrmc.chat({ position: 'end' })
22
@slot('avatar')
3-
<img src="https://placeimg.com/192/192/people" />
3+
<img src="https://picsum.photos/192/192" />
44
@end
55
@slot('header')
66
Obi-Wan Kenobi

‎fractal/components/02-display/chat/07-chat--sample.edge

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<div>
22
@jrmc.chat()
33
@slot('avatar')
4-
<img src="https://placeimg.com/192/192/people" />
4+
<img src="https://picsum.photos/192/192" />
55
@end
66
@slot('header')
77
Obi-Wan Kenobi
@@ -15,7 +15,7 @@
1515

1616
@jrmc.chat({ position: 'end', class: 'chat-bubble-accent' })
1717
@slot('avatar')
18-
<img src="https://placeimg.com/192/192/people" />
18+
<img src="https://picsum.photos/192/192" />
1919
@end
2020
@slot('header')
2121
Anakin

‎fractal/components/02-display/toast/10-toast--expiration.edge

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
<div>
2-
@toast({
2+
@jrmc.toast({
33
'class': 'toast-top toast-end',
44
'x-data': '{ open: true }',
55
'x-show': 'open',
66
'x-transition.duration.500ms': '',
77
'x-init': 'setTimeout(() => open = false, 5000);setTimeout(() => $el.remove(), 6000)',
88
})
9-
@!alert.info({ text: 'New message arrived.', icon: 'false' })
9+
@!jrmc.alert.info({ text: 'New message arrived.', icon: 'false' })
1010
@end
1111
</div>

‎fractal/components/02-display/tooltip/01-tooltip.edge

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
@jrmc.tooltip({ text: 'hello' })
2-
<img src="https://placeimg.com/192/192/people" />
2+
<img src="https://picsum.photos/192/192" />
33
@end

‎fractal/components/02-display/tooltip/02-tooltip--open.edge

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,3 @@
11
@jrmc.tooltip({ text: 'hello', class: 'tooltip-open' })
2-
<img src="https://placeimg.com/192/192/people" />
2+
<img src="https://picsum.photos/192/192" />
33
@end

‎fractal/components/02-display/tooltip/03-tooltip--position.edge

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
@jrmc.tooltip({ text: 'hello', class: 'tooltip-open tooltip-left tooltip-primary' })
2-
<img src="https://placeimg.com/64/64/people" />
2+
<img src="https://picsum.photos/64/64" />
33
@end
44
@jrmc.tooltip({ text: 'hello', class: 'tooltip-open tooltip-bottom tooltip-secondary' })
5-
<img src="https://placeimg.com/64/64/people" />
5+
<img src="https://picsum.photos/64/64" />
66
@end
77
@jrmc.tooltip({ text: 'hello', class: 'tooltip-open tooltip-right tooltip-accent' })
8-
<img src="https://placeimg.com/64/64/people" />
8+
<img src="https://picsum.photos/64/64" />
99
@end

‎fractal/components/03-form/01-input/01-input-base.edge

+17-13
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,19 @@
11
<div class="w-full max-w-xs">
2-
@!jrmc.form.input({ placeholder: 'Default', class: 'w-full' })
3-
<br /><br />
4-
@!jrmc.form.input({ type: 'number', placeholder: '0', class: 'w-full' })
5-
<br /><br />
6-
@!jrmc.form.input({ type: 'email', placeholder: '[email protected]', class: 'w-full' })
7-
<br /><br />
8-
@!jrmc.form.input({ type: 'date', class: 'w-full' })
9-
<br /><br />
10-
@!jrmc.form.input({ type: 'datetime-local', class: 'w-full' })
11-
<br /><br />
12-
@!jrmc.form.input({ type: 'color', class: 'w-full' })
13-
<br /><br />
14-
@!jrmc.form.input({ type: 'hidden', value: 'true', class: 'w-full' })
2+
@jrmc.card({ class: 'bg-neutral'})
3+
@jrmc.card.body()
4+
@!jrmc.form.input({ placeholder: 'Default', class: 'w-full' })
5+
<br /><br />
6+
@!jrmc.form.input({ type: 'number', placeholder: '0', class: 'w-full' })
7+
<br /><br />
8+
@!jrmc.form.input({ type: 'email', placeholder: '[email protected]', class: 'w-full' })
9+
<br /><br />
10+
@!jrmc.form.input({ type: 'date', class: 'w-full' })
11+
<br /><br />
12+
@!jrmc.form.input({ type: 'datetime-local', class: 'w-full' })
13+
<br /><br />
14+
@!jrmc.form.input({ type: 'color', class: 'w-full' })
15+
<br /><br />
16+
@!jrmc.form.input({ type: 'hidden', value: 'true', class: 'w-full' })
17+
@end
18+
@end
1519
</div>

0 commit comments

Comments
 (0)