@tsed/tailwind-formio 3.0.0-alpha.12 → 3.0.0-alpha.13

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/templates/tailwind/button/button.stories.jsx +19 -19
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tsed/tailwind-formio",
3
- "version": "3.0.0-alpha.12",
3
+ "version": "3.0.0-alpha.13",
4
4
  "description": "Tailwind templates for form.io forms.",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
package/src/templates/tailwind/button/button.stories.jsx CHANGED
@@ -14,57 +14,57 @@ export default {
14
14
 
15
15
  export const Sandbox = () => {
16
16
  return (
17
- <div>
18
- <div className={"mb-5"}>
19
- <button type='button' className='mr-2 btn btn-primary'>
17
+ <div className='flex flex-col gap-5'>
18
+ <div className='flex flex-wrap gap-2'>
19
+ <button type='button' className='btn btn-primary'>
20
20
  Primary
21
21
  </button>
22
- <button type='button' className='mr-2 btn btn-secondary'>
22
+ <button type='button' className='btn btn-secondary'>
23
23
  Secondary
24
24
  </button>
25
- <button type='button' className='mr-2 btn btn-success'>
25
+ <button type='button' className='btn btn-success'>
26
26
  Success
27
27
  </button>
28
- <button type='button' className='mr-2 btn btn-danger'>
28
+ <button type='button' className='btn btn-danger'>
29
29
  Danger
30
30
  </button>
31
- <button type='button' className='mr-2 btn btn-warning'>
31
+ <button type='button' className='btn btn-warning'>
32
32
  Warning
33
33
  </button>
34
- <button type='button' className='mr-2 btn btn-info'>
34
+ <button type='button' className='btn btn-info'>
35
35
  Info
36
36
  </button>
37
- <button type='button' className='mr-2 btn btn-light'>
37
+ <button type='button' className='btn btn-light'>
38
38
  Light
39
39
  </button>
40
- <button type='button' className='mr-2 btn btn-dark'>
40
+ <button type='button' className='btn btn-dark'>
41
41
  Dark
42
42
  </button>
43
43
  </div>
44
44
 
45
- <div>
46
- <button type='button' className='mr-2 btn btn-outline-primary'>
45
+ <div className='flex flex-wrap gap-2'>
46
+ <button type='button' className='btn btn-outline-primary'>
47
47
  Primary
48
48
  </button>
49
- <button type='button' className='mr-2 btn btn-outline-secondary'>
49
+ <button type='button' className='btn btn-outline-secondary'>
50
50
  Secondary
51
51
  </button>
52
- <button type='button' className='mr-2 btn btn-outline-success'>
52
+ <button type='button' className='btn btn-outline-success'>
53
53
  Success
54
54
  </button>
55
- <button type='button' className='mr-2 btn btn-outline-danger'>
55
+ <button type='button' className='btn btn-outline-danger'>
56
56
  Danger
57
57
  </button>
58
- <button type='button' className='mr-2 btn btn-outline-warning'>
58
+ <button type='button' className='btn btn-outline-warning'>
59
59
  Warning
60
60
  </button>
61
- <button type='button' className='mr-2 btn btn-outline-info'>
61
+ <button type='button' className='btn btn-outline-info'>
62
62
  Info
63
63
  </button>
64
- <button type='button' className='mr-2 btn btn-outline-light'>
64
+ <button type='button' className='btn btn-outline-light'>
65
65
  Light
66
66
  </button>
67
- <button type='button' className='mr-2 btn btn-outline-dark'>
67
+ <button type='button' className='btn btn-outline-dark'>
68
68
  Dark
69
69
  </button>
70
70
  </div>