UNPKG

@patternfly/react-core

Version:

This library provides a set of common React components for use with the PatternFly reference implementation.

github.com/patternfly/patternfly-react

patternfly/patternfly-react

48 lines (30 loc) • 1.11 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
--- id: Skeleton section: components cssPrefix: pf-v6-c-skeleton propComponents: ['Skeleton'] --- import { Fragment } from 'react'; import t_global_font_size_4xl from '@patternfly/react-tokens/dist/esm/t_global_font_size_4xl'; import t_global_font_size_3xl from '@patternfly/react-tokens/dist/esm/t_global_font_size_3xl'; import t_global_font_size_2xl from '@patternfly/react-tokens/dist/esm/t_global_font_size_2xl'; import t_global_font_size_xl from '@patternfly/react-tokens/dist/esm/t_global_font_size_xl'; import t_global_font_size_lg from '@patternfly/react-tokens/dist/esm/t_global_font_size_lg'; import t_global_font_size_md from '@patternfly/react-tokens/dist/esm/t_global_font_size_md'; import t_global_font_size_sm from '@patternfly/react-tokens/dist/esm/t_global_font_size_sm'; ## Examples ### Default ```ts file="./SkeletonDefault.tsx" ``` ### Percentage widths ```ts file="./SkeletonPercentageWidth.tsx" ``` ### Percentage heights ```ts file="./SkeletonPercentageHeight.tsx" ``` ### Text modifiers ```ts file="./SkeletonText.tsx" ``` ### Shapes ```ts file="./SkeletonShapes.tsx" ```