### Install coderider-demo-vue Package (npm)

Source: https://github.com/sonicrang/coderider-demo-vue-index/blob/main/coderider-demo-vue.md

Installs the coderider-demo-vue library using the npm package manager. This command is the first step to include the library in your project.

```bash
npm install coderider-demo-vue
```

--------------------------------

### Import Specific coderider-demo-vue Components (JS)

Source: https://github.com/sonicrang/coderider-demo-vue-index/blob/main/coderider-demo-vue.md

Imports individual components like AddressSelector, DateTimePicker, etc., directly from the coderider-demo-vue library. This allows for on-demand usage, potentially reducing bundle size. Requires `coderider-demo-vue`.

```js
import { AddressSelector, DateTimePicker, PersonSelector, RedButton, SelectInput, TableEditor, TextInput } from 'coderider-demo-vue'
```

--------------------------------

### Globally Register coderider-demo-vue Plugin (Vue 3)

Source: https://github.com/sonicrang/coderider-demo-vue-index/blob/main/coderider-demo-vue.md

Imports the coderider-demo-vue library and registers it as a global plugin in a Vue 3 application instance. This makes all components available without individual imports. Requires `vue` and `coderider-demo-vue`.

```js
import { createApp } from 'vue'
import CoderiderDemoVue from 'coderider-demo-vue'
import 'element-plus/dist/index.css'

const app = createApp(App)
app.use(CoderiderDemoVue)
```

--------------------------------

### Use SelectInput Component (Vue Template)

Source: https://github.com/sonicrang/coderider-demo-vue-index/blob/main/coderider-demo-vue.md

Demonstrates the basic usage of the SelectInput component within a Vue template. This component provides a dropdown selection input.

```vue
<SelectInput />
```

--------------------------------

### Use RedButton Component (Vue Template)

Source: https://github.com/sonicrang/coderider-demo-vue-index/blob/main/coderider-demo-vue.md

Demonstrates the basic usage of the RedButton component within a Vue template. This component provides a standard button element with specific styling.

```vue
<RedButton>Button</RedButton>
```

--------------------------------

### Use AddressSelector Component (Vue Template)

Source: https://github.com/sonicrang/coderider-demo-vue-index/blob/main/coderider-demo-vue.md

Demonstrates the basic usage of the AddressSelector component within a Vue template. This component provides address selection functionality.

```vue
<AddressSelector />
```

--------------------------------

### Use TextInput Component (Vue Template)

Source: https://github.com/sonicrang/coderider-demo-vue-index/blob/main/coderider-demo-vue.md

Demonstrates the basic usage of the TextInput component within a Vue template. This component provides a standard text input field.

```vue
<TextInput />
```

--------------------------------

### Use DateTimePicker Component (Vue Template)

Source: https://github.com/sonicrang/coderider-demo-vue-index/blob/main/coderider-demo-vue.md

Demonstrates the basic usage of the DateTimePicker component within a Vue template. This component provides date and time selection functionality.

```vue
<DateTimePicker />
```

--------------------------------

### Use PersonSelector Component (Vue Template)

Source: https://github.com/sonicrang/coderider-demo-vue-index/blob/main/coderider-demo-vue.md

Demonstrates the basic usage of the PersonSelector component within a Vue template. This component provides user or person selection functionality.

```vue
<PersonSelector />
```

--------------------------------

### Use TableEditor Component (Vue Template)

Source: https://github.com/sonicrang/coderider-demo-vue-index/blob/main/coderider-demo-vue.md

Demonstrates the usage of the TableEditor component within a Vue template, showing how to bind data (`modelValue`) and define columns (`columns`). This component provides table editing capabilities.

```vue
<TableEditor :modelValue="tableData" :columns="columns" />
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.