@supersoniks/concorde 4.9.1 → 4.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build-infos.json +1 -1
- package/concorde-core.bundle.js +106 -106
- package/concorde-core.es.js +4 -7
- package/dist/concorde-core.bundle.js +106 -106
- package/dist/concorde-core.es.js +4 -7
- package/dist/docs-mock-api-sw.js +1 -0
- package/dist/js/core/utils/HTML.js +4 -5
- package/dist/js/core/utils/HTML.js.map +1 -1
- package/dist/robots.txt +15 -1
- package/dist/types/core/utils/HTML.d.ts.map +1 -1
- package/docs/assets/{index-CZLTFws2.css → index-Bnp7gVaA.css} +1 -1
- package/docs/assets/{index-nkkwC13U.js → index-hElUgV9_.js} +505 -438
- package/docs/crawl/core/components/functional/date/date.html +190 -0
- package/docs/crawl/core/components/functional/fetch/fetch.html +109 -0
- package/docs/crawl/core/components/functional/if/if.html +27 -0
- package/docs/crawl/core/components/functional/list/list.html +70 -0
- package/docs/crawl/core/components/functional/mix/mix.html +45 -0
- package/docs/crawl/core/components/functional/queue/queue.html +96 -0
- package/docs/crawl/core/components/functional/router/router.html +106 -0
- package/docs/crawl/core/components/functional/sdui/sdui.html +269 -0
- package/docs/crawl/core/components/functional/states/states.html +66 -0
- package/docs/crawl/core/components/functional/submit/submit.html +160 -0
- package/docs/crawl/core/components/functional/subscriber/subscriber.html +67 -0
- package/docs/crawl/core/components/functional/value/value.html +51 -0
- package/docs/crawl/core/components/ui/alert/alert.html +110 -0
- package/docs/crawl/core/components/ui/alert-messages/alert-messages.html +23 -0
- package/docs/crawl/core/components/ui/badge/badge.html +119 -0
- package/docs/crawl/core/components/ui/button/button.html +149 -0
- package/docs/crawl/core/components/ui/captcha/captcha.html +30 -0
- package/docs/crawl/core/components/ui/card/card.html +99 -0
- package/docs/crawl/core/components/ui/divider/divider.html +58 -0
- package/docs/crawl/core/components/ui/form/checkbox/checkbox.html +73 -0
- package/docs/crawl/core/components/ui/form/fieldset/fieldset.html +135 -0
- package/docs/crawl/core/components/ui/form/form-actions/form-actions.html +79 -0
- package/docs/crawl/core/components/ui/form/form-layout/form-layout.html +62 -0
- package/docs/crawl/core/components/ui/form/input/input.html +109 -0
- package/docs/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html +106 -0
- package/docs/crawl/core/components/ui/form/radio/radio.html +56 -0
- package/docs/crawl/core/components/ui/form/select/select.html +73 -0
- package/docs/crawl/core/components/ui/form/switch/switch.html +56 -0
- package/docs/crawl/core/components/ui/form/textarea/textarea.html +59 -0
- package/docs/crawl/core/components/ui/group/group.html +82 -0
- package/docs/crawl/core/components/ui/icon/icon.html +133 -0
- package/docs/crawl/core/components/ui/image/image.html +110 -0
- package/docs/crawl/core/components/ui/link/link.html +42 -0
- package/docs/crawl/core/components/ui/loader/loader.html +50 -0
- package/docs/crawl/core/components/ui/menu/menu.html +322 -0
- package/docs/crawl/core/components/ui/modal/modal.html +117 -0
- package/docs/crawl/core/components/ui/pop/pop.html +102 -0
- package/docs/crawl/core/components/ui/progress/progress.html +58 -0
- package/docs/crawl/core/components/ui/table/table.html +413 -0
- package/docs/crawl/core/components/ui/toast/toast.html +122 -0
- package/docs/crawl/core/components/ui/tooltip/tooltip.html +79 -0
- package/docs/crawl/docs/_core-concept/dataFlow.html +166 -0
- package/docs/crawl/docs/_core-concept/overview.html +66 -0
- package/docs/crawl/docs/_core-concept/subscriber.html +75 -0
- package/docs/crawl/docs/_decorators/ancestor-attribute.html +116 -0
- package/docs/crawl/docs/_decorators/auto-subscribe.html +202 -0
- package/docs/crawl/docs/_decorators/bind.html +141 -0
- package/docs/crawl/docs/_decorators/get.html +120 -0
- package/docs/crawl/docs/_decorators/handle.html +165 -0
- package/docs/crawl/docs/_decorators/on-assign.html +355 -0
- package/docs/crawl/docs/_decorators/patch.html +52 -0
- package/docs/crawl/docs/_decorators/post.html +102 -0
- package/docs/crawl/docs/_decorators/publish.html +61 -0
- package/docs/crawl/docs/_decorators/put.html +49 -0
- package/docs/crawl/docs/_decorators/subscribe.html +109 -0
- package/docs/crawl/docs/_decorators/wait-for-ancestors.html +137 -0
- package/docs/crawl/docs/_directives/sub.html +93 -0
- package/docs/crawl/docs/_getting-started/ai-agents.html +134 -0
- package/docs/crawl/docs/_getting-started/concorde-manual-install.html +100 -0
- package/docs/crawl/docs/_getting-started/concorde-outside.html +58 -0
- package/docs/crawl/docs/_getting-started/create-a-component.html +111 -0
- package/docs/crawl/docs/_getting-started/my-first-component.html +189 -0
- package/docs/crawl/docs/_getting-started/my-first-subscriber.html +110 -0
- package/docs/crawl/docs/_getting-started/pubsub.html +62 -0
- package/docs/crawl/docs/_getting-started/start.html +76 -0
- package/docs/crawl/docs/_getting-started/theming.html +85 -0
- package/docs/crawl/docs/_misc/api-configuration.html +149 -0
- package/docs/crawl/docs/_misc/dataProviderKey.html +135 -0
- package/docs/crawl/docs/_misc/docs-mock-api.html +146 -0
- package/docs/crawl/docs/_misc/dynamic-path.html +180 -0
- package/docs/crawl/docs/_misc/endpoint.html +50 -0
- package/docs/crawl/docs/_misc/html-integration.html +47 -0
- package/docs/crawl/hubs/decorators.html +467 -0
- package/docs/crawl/hubs/form-components.html +357 -0
- package/docs/crawl/hubs/remote-data.html +374 -0
- package/docs/crawl/index.html +99 -0
- package/docs/docs-mock-api-sw.js +3 -1
- package/docs/docs-mock-api-sw.js.map +2 -2
- package/docs/index.html +3 -2
- package/docs/llms-full.txt +5423 -0
- package/docs/llms.txt +102 -0
- package/docs/robots.txt +15 -1
- package/docs/sitemap.xml +231 -0
- package/docs/src/docs/_decorators/get.md +47 -1
- package/docs/src/docs/search/docs-search.json +31 -1
- package/index.html +1 -0
- package/package.json +1 -1
- package/public/docs-mock-api-sw.js +1 -0
- package/public/robots.txt +15 -1
- package/scripts/generate-crawl-docs.mjs +569 -0
- package/scripts/post-build-docs.js +18 -14
- package/src/core/decorators/subscriber/ancestorAttribute.spec.ts +42 -0
- package/src/core/utils/HTML.ts +4 -5
- package/src/docs/search/docs-search.json +61 -1
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/icon/icon.html" data-doc-id="core/components/ui/icon/icon">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>Icon — Concorde</title>
|
|
7
|
+
<meta name="description" content="customIconDefaultPrefix="regular">">
|
|
8
|
+
<meta name="keywords" content="Concorde, supersoniks, core/components/ui/icon/icon, icon, Icon, UI component, sonic-icon, web component">
|
|
9
|
+
<meta name="concorde-doc-id" content="core/components/ui/icon/icon">
|
|
10
|
+
<link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/icon/icon.html">
|
|
11
|
+
</head>
|
|
12
|
+
<body>
|
|
13
|
+
<header>
|
|
14
|
+
<p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/icon/icon.md/icon" rel="nofollow">interactive version</a></p>
|
|
15
|
+
</header>
|
|
16
|
+
<main>
|
|
17
|
+
<article>
|
|
18
|
+
<p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Icon</strong>. customIconDefaultPrefix="regular"> <span>Doc ID: <code>core/components/ui/icon/icon</code>. Keywords: Concorde, supersoniks, core/components/ui/icon/icon, icon, Icon, UI component, sonic-icon, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/icon/icon.html">https://concorde.supersoniks.org/crawl/core/components/ui/icon/icon.html</a>.</span></p>
|
|
19
|
+
<h1 id="icon">Icon</h1>
|
|
20
|
+
<h2 id="custom">Custom</h2>
|
|
21
|
+
<p >Icons located in the following folder : <span class="text-info">/svg/$prefix/$name.svg<span></p>
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
<pre><code><sonic-scope customIconLibraryPath="/svg/$prefix/$name.svg"
|
|
26
|
+
customIconDefaultPrefix="regular">
|
|
27
|
+
<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-8">
|
|
28
|
+
<div class="text-center">
|
|
29
|
+
<sonic-icon library="custom" prefix="regular" name="plane"></sonic-icon>
|
|
30
|
+
<br>
|
|
31
|
+
<div class="text-xs mt-1">regular</div>
|
|
32
|
+
</div>
|
|
33
|
+
<div class="text-center">
|
|
34
|
+
<sonic-icon library="custom" prefix="solid" name="plane"></sonic-icon>
|
|
35
|
+
<br>
|
|
36
|
+
<div class="text-xs mt-1">solid</div>
|
|
37
|
+
</div>
|
|
38
|
+
<div class="text-center">
|
|
39
|
+
<sonic-icon library="custom" name="plane"></sonic-icon>
|
|
40
|
+
<br>
|
|
41
|
+
<div class="text-xs mt-1">default prefix</div>
|
|
42
|
+
</div>
|
|
43
|
+
</div>
|
|
44
|
+
</sonic-scope>
|
|
45
|
+
</code></pre>
|
|
46
|
+
<h2 id="external">External</h2>
|
|
47
|
+
<pre><code><div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-8">
|
|
48
|
+
<sonic-link href="https://heroicons.com/" target="_blank" class="text-center underline">
|
|
49
|
+
<sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="lg"></sonic-icon>
|
|
50
|
+
<br>
|
|
51
|
+
<div class="text-xs mt-1">heroicons</div>
|
|
52
|
+
</sonic-link>
|
|
53
|
+
<sonic-link href="https://iconoir.com/" target="_blank" class="text-center underline">
|
|
54
|
+
<sonic-icon library="iconoir" name="2x2-cell" size="lg"></sonic-icon>
|
|
55
|
+
<br>
|
|
56
|
+
<div class="text-xs mt-1">iconoir</div>
|
|
57
|
+
</sonic-link>
|
|
58
|
+
<sonic-link href="https://materialdesignicons.com/" target="_blank" class="text-center underline">
|
|
59
|
+
<sonic-icon library="material" prefix="outline" name="email" size="lg"></sonic-icon>
|
|
60
|
+
<br>
|
|
61
|
+
<div class="text-xs mt-1">material design</div>
|
|
62
|
+
</sonic-link>
|
|
63
|
+
<sonic-link href="https://fontawesome.com/search?o=r&m=free&s=regular" target="_blank" class="text-center underline">
|
|
64
|
+
<sonic-icon library="fontAwesome" prefix="regular" name="user" size="lg"></sonic-icon>
|
|
65
|
+
<br>
|
|
66
|
+
<div class="text-xs mt-1">fontAwesome regular</div>
|
|
67
|
+
</sonic-link>
|
|
68
|
+
<sonic-link href="https://fontawesome.com/search?o=r&m=free&s=solid" target="_blank" class="text-center underline">
|
|
69
|
+
<sonic-icon library="fontAwesome" prefix="solid" name="book" size="lg"></sonic-icon>
|
|
70
|
+
<br>
|
|
71
|
+
<div class="text-xs mt-1">fontAwesome solid</div>
|
|
72
|
+
</sonic-link>
|
|
73
|
+
<sonic-link href="https://feathericons.com/" target="_blank" class="text-center underline">
|
|
74
|
+
<sonic-icon library="feathers" name="activity" size="lg"></sonic-icon>
|
|
75
|
+
<br>
|
|
76
|
+
<div class="text-xs mt-1">feathers</div>
|
|
77
|
+
</sonic-link>
|
|
78
|
+
<sonic-link href="https://lucide.dev/" target="_blank" class="text-center underline">
|
|
79
|
+
<sonic-icon library="lucide" name="album" size="lg"></sonic-icon>
|
|
80
|
+
<br>
|
|
81
|
+
<div class="text-xs mt-1">lucide</div>
|
|
82
|
+
</sonic-link>
|
|
83
|
+
</div>
|
|
84
|
+
</code></pre>
|
|
85
|
+
<h2 id="size">Size</h2>
|
|
86
|
+
<pre><code><div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-8">
|
|
87
|
+
<div class="text-center">
|
|
88
|
+
<sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="2xs"></sonic-icon>
|
|
89
|
+
<br>
|
|
90
|
+
<div class="text-xs mt-1">2xs</div>
|
|
91
|
+
</div>
|
|
92
|
+
<div class="text-center">
|
|
93
|
+
<sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="xs"></sonic-icon>
|
|
94
|
+
<br>
|
|
95
|
+
<div class="text-xs mt-1">xs</div>
|
|
96
|
+
</div>
|
|
97
|
+
<div class="text-center">
|
|
98
|
+
<sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="sm"></sonic-icon>
|
|
99
|
+
<br>
|
|
100
|
+
<div class="text-xs mt-1">sm</div>
|
|
101
|
+
</div>
|
|
102
|
+
<div class="text-center">
|
|
103
|
+
<sonic-icon library="heroicons" prefix="outline" name="academic-cap"></sonic-icon>
|
|
104
|
+
<br>
|
|
105
|
+
<div class="text-xs mt-1">default</div>
|
|
106
|
+
</div>
|
|
107
|
+
<div class="text-center">
|
|
108
|
+
<sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="lg"></sonic-icon>
|
|
109
|
+
<br>
|
|
110
|
+
<div class="text-xs mt-1">lg</div>
|
|
111
|
+
</div>
|
|
112
|
+
<div class="text-center">
|
|
113
|
+
<sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="xl"></sonic-icon>
|
|
114
|
+
<br>
|
|
115
|
+
<div class="text-xs mt-1">xl</div>
|
|
116
|
+
</div>
|
|
117
|
+
<div class="text-center">
|
|
118
|
+
<sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="2xl"></sonic-icon>
|
|
119
|
+
<br>
|
|
120
|
+
<div class="text-xs mt-1">2xl</div>
|
|
121
|
+
</div>
|
|
122
|
+
<div class="text-center">
|
|
123
|
+
<sonic-icon library="heroicons" prefix="outline" name="academic-cap" size="3xl"></sonic-icon>
|
|
124
|
+
<br>
|
|
125
|
+
<div class="text-xs mt-1">3xl</div>
|
|
126
|
+
</div>
|
|
127
|
+
</div>
|
|
128
|
+
</code></pre>
|
|
129
|
+
|
|
130
|
+
</article>
|
|
131
|
+
</main>
|
|
132
|
+
</body>
|
|
133
|
+
</html>
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/image/image.html" data-doc-id="core/components/ui/image/image">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>Image — Concorde</title>
|
|
7
|
+
<meta name="description" content="src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"">
|
|
8
|
+
<meta name="keywords" content="Concorde, supersoniks, core/components/ui/image/image, image, Image, UI component, sonic-image, web component">
|
|
9
|
+
<meta name="concorde-doc-id" content="core/components/ui/image/image">
|
|
10
|
+
<link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/image/image.html">
|
|
11
|
+
</head>
|
|
12
|
+
<body>
|
|
13
|
+
<header>
|
|
14
|
+
<p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/image/image.md/image" rel="nofollow">interactive version</a></p>
|
|
15
|
+
</header>
|
|
16
|
+
<main>
|
|
17
|
+
<article>
|
|
18
|
+
<p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Image</strong>. src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg" <span>Doc ID: <code>core/components/ui/image/image</code>. Keywords: Concorde, supersoniks, core/components/ui/image/image, image, Image, UI component, sonic-image, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/image/image.html">https://concorde.supersoniks.org/crawl/core/components/ui/image/image.html</a>.</span></p>
|
|
19
|
+
<h1 id="image">Image</h1>
|
|
20
|
+
<h2 id="rounded">Rounded</h2>
|
|
21
|
+
<pre><code><div class="grid gap-8 grid-cols-3 items-center">
|
|
22
|
+
<sonic-image
|
|
23
|
+
src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
|
|
24
|
+
ratio="1/1"
|
|
25
|
+
>
|
|
26
|
+
</sonic-image>
|
|
27
|
+
<sonic-image
|
|
28
|
+
rounded="sm"
|
|
29
|
+
ratio="1/1"
|
|
30
|
+
src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
|
|
31
|
+
>
|
|
32
|
+
</sonic-image>
|
|
33
|
+
<sonic-image
|
|
34
|
+
rounded
|
|
35
|
+
ratio="1/1"
|
|
36
|
+
src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
|
|
37
|
+
>
|
|
38
|
+
</sonic-image>
|
|
39
|
+
<sonic-image
|
|
40
|
+
rounded="md"
|
|
41
|
+
ratio="1/1"
|
|
42
|
+
src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
|
|
43
|
+
>
|
|
44
|
+
</sonic-image>
|
|
45
|
+
<sonic-image
|
|
46
|
+
rounded="lg"
|
|
47
|
+
ratio="1/1"
|
|
48
|
+
src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
|
|
49
|
+
>
|
|
50
|
+
</sonic-image>
|
|
51
|
+
<sonic-image
|
|
52
|
+
rounded="full"
|
|
53
|
+
ratio="1/1"
|
|
54
|
+
src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
|
|
55
|
+
>
|
|
56
|
+
</sonic-image>
|
|
57
|
+
</div>
|
|
58
|
+
</code></pre>
|
|
59
|
+
<h2 id="ratio">Ratio</h2>
|
|
60
|
+
<pre><code><div class="grid gap-8 grid-cols-2 items-center">
|
|
61
|
+
<sonic-image
|
|
62
|
+
src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
|
|
63
|
+
>
|
|
64
|
+
</sonic-image>
|
|
65
|
+
<sonic-image
|
|
66
|
+
ratio="16/9"
|
|
67
|
+
src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
|
|
68
|
+
>
|
|
69
|
+
</sonic-image>
|
|
70
|
+
<sonic-image
|
|
71
|
+
ratio="1/1"
|
|
72
|
+
src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
|
|
73
|
+
>
|
|
74
|
+
</sonic-image>
|
|
75
|
+
<sonic-image
|
|
76
|
+
ratio="2/3"
|
|
77
|
+
src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
|
|
78
|
+
>
|
|
79
|
+
</sonic-image>
|
|
80
|
+
</div>
|
|
81
|
+
</code></pre>
|
|
82
|
+
<h2 id="object-position">Object position</h2>
|
|
83
|
+
<pre><code><div class="grid gap-8 grid-cols-2 items-center">
|
|
84
|
+
<sonic-image
|
|
85
|
+
src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
|
|
86
|
+
ratio="11/4"
|
|
87
|
+
>
|
|
88
|
+
</sonic-image>
|
|
89
|
+
<sonic-image
|
|
90
|
+
objectPosition="center top"
|
|
91
|
+
src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
|
|
92
|
+
ratio="11/4"
|
|
93
|
+
>
|
|
94
|
+
</sonic-image>
|
|
95
|
+
</div>
|
|
96
|
+
</code></pre>
|
|
97
|
+
<h2 id="cover">Cover</h2>
|
|
98
|
+
<pre><code><div class="h-96 relative">
|
|
99
|
+
<sonic-image
|
|
100
|
+
cover
|
|
101
|
+
src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
|
|
102
|
+
>
|
|
103
|
+
</sonic-image>
|
|
104
|
+
</div>
|
|
105
|
+
</code></pre>
|
|
106
|
+
|
|
107
|
+
</article>
|
|
108
|
+
</main>
|
|
109
|
+
</body>
|
|
110
|
+
</html>
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/link/link.html" data-doc-id="core/components/ui/link/link">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>Link — Concorde</title>
|
|
7
|
+
<meta name="description" content="Link: Basic link with href attibute">
|
|
8
|
+
<meta name="keywords" content="Concorde, supersoniks, core/components/ui/link/link, link, Link, UI component, sonic-link, web component">
|
|
9
|
+
<meta name="concorde-doc-id" content="core/components/ui/link/link">
|
|
10
|
+
<link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/link/link.html">
|
|
11
|
+
</head>
|
|
12
|
+
<body>
|
|
13
|
+
<header>
|
|
14
|
+
<p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/link/link.md/link" rel="nofollow">interactive version</a></p>
|
|
15
|
+
</header>
|
|
16
|
+
<main>
|
|
17
|
+
<article>
|
|
18
|
+
<p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Link</strong>. Link: Basic link with href attibute <span>Doc ID: <code>core/components/ui/link/link</code>. Keywords: Concorde, supersoniks, core/components/ui/link/link, link, Link, UI component, sonic-link, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/link/link.html">https://concorde.supersoniks.org/crawl/core/components/ui/link/link.html</a>.</span></p>
|
|
19
|
+
<h1 id="link">Link</h1>
|
|
20
|
+
<h2 id="href">Href</h2>
|
|
21
|
+
<pre><code><sonic-link href="/">Basic link with href attibute</sonic-link>
|
|
22
|
+
</code></pre>
|
|
23
|
+
<h2 id="target">Target</h2>
|
|
24
|
+
<pre><code><sonic-link href="/" target="_blank">Link with target attibute</sonic-link>
|
|
25
|
+
</code></pre>
|
|
26
|
+
<h2 id="autoactive">AutoActive</h2>
|
|
27
|
+
<pre><code><sonic-link href="/#core/components" class="[&[active]]:text-success">autoActive partial (default)</sonic-link>
|
|
28
|
+
</code></pre>
|
|
29
|
+
<h3 id="autoactive-strict-vs-partial">AutoActive Strict vs partial</h3>
|
|
30
|
+
<pre><code><div class="grid gap-3">
|
|
31
|
+
<sonic-link href="/#core" autoActive="strict" class="[&[active]]:text-success">autoActive strict</sonic-link>
|
|
32
|
+
<sonic-link href="/./link.html#link" autoActive="strict" class="[&[active]]:text-success">autoActive strict</sonic-link>
|
|
33
|
+
</div>
|
|
34
|
+
</code></pre>
|
|
35
|
+
<h3 id="autoactive-disabled">AutoActive disabled</h3>
|
|
36
|
+
<pre><code><sonic-link href="/./link.html#link" autoActive="disabled" class="[&[active]]:text-success">autoActive disabled</sonic-link>
|
|
37
|
+
</code></pre>
|
|
38
|
+
|
|
39
|
+
</article>
|
|
40
|
+
</main>
|
|
41
|
+
</body>
|
|
42
|
+
</html>
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/loader/loader.html" data-doc-id="core/components/ui/loader/loader">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>Loader — Concorde</title>
|
|
7
|
+
<meta name="description" content="import {Loader} from "@supersoniks/concorde/core/components/ui/loader/loader";">
|
|
8
|
+
<meta name="keywords" content="Concorde, supersoniks, core/components/ui/loader/loader, loader, Loader, UI component, sonic-loader, web component">
|
|
9
|
+
<meta name="concorde-doc-id" content="core/components/ui/loader/loader">
|
|
10
|
+
<link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/loader/loader.html">
|
|
11
|
+
</head>
|
|
12
|
+
<body>
|
|
13
|
+
<header>
|
|
14
|
+
<p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/loader/loader.md/loader" rel="nofollow">interactive version</a></p>
|
|
15
|
+
</header>
|
|
16
|
+
<main>
|
|
17
|
+
<article>
|
|
18
|
+
<p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Loader</strong>. import {Loader} from "@supersoniks/concorde/core/components/ui/loader/loader"; <span>Doc ID: <code>core/components/ui/loader/loader</code>. Keywords: Concorde, supersoniks, core/components/ui/loader/loader, loader, Loader, UI component, sonic-loader, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/loader/loader.html">https://concorde.supersoniks.org/crawl/core/components/ui/loader/loader.html</a>.</span></p>
|
|
19
|
+
<h1 id="loader">Loader</h1>
|
|
20
|
+
<h2 id="inline-mode">Inline mode</h2>
|
|
21
|
+
<pre><code><sonic-loader mode="inline"></sonic-loader>
|
|
22
|
+
</code></pre>
|
|
23
|
+
<h2 id="currentcolor">CurrentColor</h2>
|
|
24
|
+
<pre><code><sonic-loader mode="inline" currentColor style="color:purple;"></sonic-loader>
|
|
25
|
+
</code></pre>
|
|
26
|
+
<h2 id="align">Align</h2>
|
|
27
|
+
<pre><code><sonic-loader mode="inline" align="left"></sonic-loader>
|
|
28
|
+
<sonic-loader mode="inline" align="center"></sonic-loader>
|
|
29
|
+
<sonic-loader mode="inline" align="right"></sonic-loader>
|
|
30
|
+
</code></pre>
|
|
31
|
+
<h2 id="fixed-mode">Fixed mode</h2>
|
|
32
|
+
<p><docs-lit-demo for="docs-toggle-loader-demo"></docs-lit-demo></p>
|
|
33
|
+
<h2 id="loading-button">Loading button</h2>
|
|
34
|
+
<pre><code><sonic-button loading>A loading button</sonic-button>
|
|
35
|
+
</code></pre>
|
|
36
|
+
<h2 id="hide--show-programmatically">Hide / show programmatically</h2>
|
|
37
|
+
<pre><code class="language-javascript">import {Loader} from "@supersoniks/concorde/core/components/ui/loader/loader";
|
|
38
|
+
// Show
|
|
39
|
+
Loader.show({
|
|
40
|
+
mode:"fixed" // optional : fixed | inline
|
|
41
|
+
container : document.querySelector('#foo') // optional, default : parent sonic-theme || document.body
|
|
42
|
+
});
|
|
43
|
+
// Hide
|
|
44
|
+
Loader.hide();
|
|
45
|
+
</code></pre>
|
|
46
|
+
|
|
47
|
+
</article>
|
|
48
|
+
</main>
|
|
49
|
+
</body>
|
|
50
|
+
</html>
|