open-index/open-npm huggingface dataset:
npm package: @origamijs/zen-autocomplete
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# Zen Autocomplete


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `icon` |  `string`  | Icon to display in the field | ✓ |  |
| `loading` |  `true`  `false`  | Displays a loading spinner on the right | ✓ |  |
| `minlength` |  `number`  | Minimum number of characters to enter before searching | ✓ |  |
| `name` |  `string`  | Name of the field | ✓ |  |
| `options` |  `Function`  `InputDropdownResults`  |  |  |  |
| `placeholder` |  `string`  | Default text to show when there is no entered text | ✓ |  |
| `query` |  `string`  | Inputted text | ✓ |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
| `value` |  `string`  | Value of the selected item | ✓ |  |
npm package: @origamijs/zen-button
Description: The button element is a styled button with options of adding an icon, loading state, and size.
Author: Tristan Matthias
Latest version: 0.0.1

# Button
The button element is a styled button with options of
adding an icon, loading state, and size.



## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `color` |  `string`  |  | ✓ |  |
| `disabled` |  `true`  `false`  |  | ✓ |  |
| `hollow` |  `true`  `false`  |  | ✓ |  |
| `icon` |  `string`  `false`  |  | ✓ |  |
| `iconright` |  `true`  `false`  |  | ✓ |  |
| `loading` |  `true`  `false`  |  | ✓ |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
| `size` |  `string`  |  | ✓ |  |

## CSS Properties

| Prop | Description |
|---|---|
| `--btn-padding` | Padding for the button |
| `--btn-height` | Height of the button |
| `--btn-border-radius` | Border radius of the button |
| `--btn-bg` | Background color of the button |
npm package: @origamijs/zen-button-group
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# Button


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `buttons` |  `array`  `[object Object]`  |  |  |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
npm package: @origamijs/zen-checkbox
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# Checkbox


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `checked` |  `true`  `false`  |  | ✓ |  |
| `name` |  `string`  |  | ✓ |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
| `size` |  `string`  |  | ✓ |  |
npm package: @origamijs/zen-checkbox-icons
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# CheckboxIcons


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `columns` |  `number`  |  | ✓ |  |
| `name` |  `string`  |  | ✓ |  |
| `options` |  `array`  `[object Object]`  |  |  |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
| `value` |  `array`  `[object Object]`  |  |  |  |
npm package: @origamijs/zen-form
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# Form


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `error` |  `string`  |  | ✓ |  |
| `fieldErrors` |  `reference`  `ValidateFieldErrors`  `387`  |  |  |  |
| `fields` |  `array`  `[object Object]`  |  |  |  |
| `loading` |  `intrinsic`  `boolean`  |  |  |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
| `values` |  `reference`  `FormValues`  `165`  |  |  |  |
npm package: @origamijs/zen-form-row
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# FormRow


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `disabled` |  `intrinsic`  `boolean`  |  |  |  |
| `error` |  `reference`  `ValidationErrors`  `384`  |  | ✓ |  |
| `field` |  `reference`  `Field`  `371`  |  | ✓ |  |
| `hidden` |  `intrinsic`  `boolean`  |  |  |  |
| `name` |  `string`  |  | ✓ |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
| `rowwidth` |  ``  |  | ✓ |  |
| `value` |  `intrinsic`  `any`  |  | ✓ |  |
npm package: @origamijs/zen-icon
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# Icon


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `color` |  `string`  |  | ✓ |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
| `size` |  `string`  |  | ✓ |  |
| `type` |  `string`  |  | ✓ |  |
npm package: @origamijs/zen-input
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# Input


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `disabled` |  `string`  |  | ✓ |  |
| `icon` |  `string`  |  | ✓ |  |
| `loading` |  `true`  `false`  |  | ✓ |  |
| `name` |  `string`  |  | ✓ |  |
| `placeholder` |  `string`  |  | ✓ |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
| `type` |  `intrinsic`  `string`  |  |  |  |
| `value` |  `string`  |  | ✓ |  |
npm package: @origamijs/zen-input-color
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# InputColor


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `placeholder` |  `string`  `null`  |  |  |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
| `value` |  `string`  `null`  |  |  |  |
npm package: @origamijs/zen-input-dropdown
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# InputDropdown


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `open` |  `intrinsic`  `boolean`  |  |  |  |
| `options` |  `reference`  `InputDropdownResults`  `101`  |  |  |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
| `value` |  `string`  |  | ✓ |  |
npm package: @origamijs/zen-input-file
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# InputFile


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `files` |  `array`  `[object Object]`  |  |  |  |
| `placeholder` |  `string`  |  | ✓ |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
npm package: @origamijs/zen-loading
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# Loading


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `color` |  `string`  |  | ✓ |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
| `size` |  `string`  |  | ✓ |  |
npm package: @origamijs/zen-radio
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# Radio


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `name` |  `string`  |  | ✓ |  |
| `options` |  `reflection`  `[object Object]`  |  |  |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
| `value` |  `string`  |  | ✓ |  |
npm package: @origamijs/zen-radio-icons
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# RadioIcons


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `columns` |  `number`  |  | ✓ |  |
| `name` |  `string`  |  | ✓ |  |
| `options` |  `array`  `[object Object]`  |  |  |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
| `value` |  `string`  `number`  |  | ✓ |  |
npm package: @origamijs/zen-radio-tabs
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# RadioTabs


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `name` |  `string`  |  | ✓ |  |
| `options` |  `reference`  `FieldOptions`  `372`  |  |  |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
| `value` |  `string`  `number`  |  | ✓ |  |
npm package: @origamijs/zen-select
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# Select


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `name` |  `string`  |  | ✓ |  |
| `options` |  `reference`  `FieldOptions`  `372`  |  |  |  |
| `placeholder` |  `string`  |  | ✓ |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |
| `value` |  `string`  |  | ✓ |  |
npm package: @origamijs/zen-tooltip
Description: ## Properties
Author: Tristan Matthias
Latest version: 0.0.1

# Tooltip


## Properties

| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
| `position` |  `reference`  `TooltipPosition`  `1254`  |  | ✓ |  |
| `renderComplete` |  `reference`  `Promise`  `[object Object]`  | Returns a promise which resolves after the element next renders. The promise resolves to &#x60;true&#x60; if the element rendered and &#x60;false&#x60; if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the &#x60;_didRender&#x60; method to directly respond to rendering within the rendering lifecycle. |  |  |