Ui Components
Ecosistema completo para organización y gestión de contenido con interfaces espaciales
UI Components
This section documents the UI components available in the Editor platform.
Button
The Button component provides a consistent button styling across the platform.
Usage
<button-component
[variant]="'primary'"
[size]="'medium'"
[disabled]="false"
(onClick)="handleClick()"
>
Click Me
</button-component>
Properties
| Name | Type | Default | Description |
|---|---|---|---|
| variant | 'primary' | 'secondary' | 'tertiary' | 'primary' | The button style variant |
| size | 'small' | 'medium' | 'large' | 'medium' | The size of the button |
| disabled | boolean | false | Whether the button is disabled |
Events
| Name | Description |
|---|---|
| onClick | Emitted when the button is clicked |
Input
The Input component provides a consistent input styling across the platform.
Usage
<input-component
[type]="'text'"
[label]="'Username'"
[placeholder]="'Enter your username'"
[required]="true"
[error]="usernameError"
[(value)]="username"
(valueChange)="handleUsernameChange($event)"
>
</input-component>
Properties
| Name | Type | Default | Description |
|---|---|---|---|
| type | 'text' | 'password' | 'number' | 'email' | 'text' | The type of input |
| label | string | '' | The label for the input |
| placeholder | string | '' | The placeholder text for the input |
| required | boolean | false | Whether the input is required |
| error | string | '' | Error message to display |
| value | any | null | The value of the input |
Events
| Name | Description |
|---|---|
| valueChange | Emitted when the input value changes |