UNPKG

@corejam/core-components

Version:

Corejam - Core Components

corejam.io

55 lines (40 loc) • 2.5 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
49
50
51
52
53
54
55
# dershop-form-input <!-- Auto Generated Below --> ## Properties | Property | Attribute | Description | Type | Default | | -------------- | --------------- | ------------------- | ------------------ | ------------ | | `_id` | `_id` | Form specific props | `string` | `undefined` | | `autocomplete` | `autocomplete` | | `string` | `"off"` | | `autofocus` | `autofocus` | | `boolean` | `false` | | `bWidth` | `b-width` | | `number` | `0` | | `bg` | `bg` | | `string` | `"gray-100"` | | `checked` | `checked` | | `boolean` | `false` | | `focusBg` | `focus-bg` | | `string` | `"gray-300"` | | `focusOutline` | `focus-outline` | | `string` | `"none"` | | `formId` | `form-id` | | `string` | `undefined` | | `hoverBg` | `hover-bg` | | `string` | `"gray-300"` | | `label` | `label` | | `string` | `undefined` | | `name` | `name` | | `string` | `undefined` | | `p` | `p` | | `number` | `4` | | `placeholder` | `placeholder` | | `string` | `undefined` | | `required` | `required` | | `boolean` | `false` | | `type` | `type` | | `string` | `"text"` | | `value` | `value` | | `number \| string` | `undefined` | | `w` | `w` | Style specific prop | `number` | `12` | ## Events | Event | Description | Type | | ----------- | ----------- | ------------------ | | `formEvent` | | `CustomEvent<any>` | ## Dependencies ### Depends on - [corejam-box](../Box) - [corejam-type](../Type) ### Graph ```mermaid graph TD; corejam-form-input --> corejam-box corejam-form-input --> corejam-type style corejam-form-input fill:#f9f,stroke:#333,stroke-width:4px ``` ---------------------------------------------- *Built with [StencilJS](https://stenciljs.com/)*