@retailcrm/embed-ui-v1-components 0.9.16 → 0.9.18
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/dist/host.cjs +414 -278
- package/dist/host.css +85 -0
- package/dist/host.d.ts +78 -6
- package/dist/host.js +414 -278
- package/dist/remote.cjs +80 -22
- package/dist/remote.d.ts +96 -2
- package/dist/remote.js +80 -22
- package/docs/COMPONENTS.md +1 -0
- package/docs/profiles/UiSkeleton.yml +41 -0
- package/package.json +1 -1
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
component: UiSkeleton
|
|
2
|
+
summary: >
|
|
3
|
+
UiSkeleton displays a placeholder block for loading content. It supports text,
|
|
4
|
+
rectangle and circle appearances with pulse or shimmer animation.
|
|
5
|
+
|
|
6
|
+
public_import:
|
|
7
|
+
from: '@retailcrm/embed-ui-v1-components/remote'
|
|
8
|
+
named:
|
|
9
|
+
- UiSkeleton
|
|
10
|
+
|
|
11
|
+
use_when:
|
|
12
|
+
- You need a content placeholder before actual data is loaded.
|
|
13
|
+
- You need line, card or avatar-like loading placeholders.
|
|
14
|
+
|
|
15
|
+
avoid_when:
|
|
16
|
+
- You need a spinner-like indicator instead of a content-shaped placeholder.
|
|
17
|
+
|
|
18
|
+
api:
|
|
19
|
+
key_props:
|
|
20
|
+
- name: appearance
|
|
21
|
+
- name: size
|
|
22
|
+
- name: animation
|
|
23
|
+
- name: width
|
|
24
|
+
- name: height
|
|
25
|
+
|
|
26
|
+
rendered_structure:
|
|
27
|
+
descriptive_only: true
|
|
28
|
+
root:
|
|
29
|
+
shape: div.ui-v1-skeleton
|
|
30
|
+
tag: div
|
|
31
|
+
|
|
32
|
+
geometry:
|
|
33
|
+
layout: inline block or block placeholder
|
|
34
|
+
root_display: inline-block
|
|
35
|
+
width_behavior: preset width by appearance and size, overridable via width prop
|
|
36
|
+
|
|
37
|
+
ai_notes:
|
|
38
|
+
do:
|
|
39
|
+
- Use text appearance for line placeholders.
|
|
40
|
+
- Use circle appearance for avatar placeholders.
|
|
41
|
+
- Override width or height only when the preset size is not enough.
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@retailcrm/embed-ui-v1-components",
|
|
3
3
|
"bin": "./bin/embed-ui-v1-components.mjs",
|
|
4
4
|
"type": "module",
|
|
5
|
-
"version": "0.9.
|
|
5
|
+
"version": "0.9.18",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"author": "RetailDriverLLC <integration@retailcrm.ru>",
|
|
8
8
|
"repository": "git@github.com:retailcrm/embed-ui.git",
|