generate_component_code
Generate ready-to-use Angular component code for PrimeNG UI elements with specified properties to accelerate frontend development.
Instructions
Genera código de ejemplo para un componente de PrimeNG con las propiedades especificadas
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| component | Yes | Nombre del componente | |
| properties | No | Propiedades del componente (ej: {label: 'Click me', icon: 'pi pi-check'}) |
Input Schema (JSON Schema)
{
"properties": {
"component": {
"description": "Nombre del componente",
"enum": [
"accordion",
"animateonscroll",
"autocomplete",
"autofocus",
"avatar",
"badge",
"bind",
"blockui",
"breadcrumb",
"button",
"card",
"carousel",
"cascadeselect",
"checkbox",
"chip",
"colorpicker",
"confirmdialog",
"confirmpopup",
"contextmenu",
"dataview",
"datepicker",
"dialog",
"divider",
"dock",
"drawer",
"dynamicdialog",
"editor",
"fieldset",
"fileupload",
"floatlabel",
"fluid",
"focustrap",
"galleria",
"iconfield",
"iftalabel",
"image",
"imagecompare",
"inplace",
"inputgroup",
"inputmask",
"inputnumber",
"inputotp",
"inputtext",
"keyfilter",
"knob",
"listbox",
"megamenu",
"menu",
"menubar",
"message",
"metergroup",
"multiselect",
"orderlist",
"organizationchart",
"paginator",
"panel",
"panelmenu",
"passthrough",
"password",
"picklist",
"popover",
"progressbar",
"progressspinner",
"radiobutton",
"rating",
"ripple",
"scrollpanel",
"scrolltop",
"select",
"selectbutton",
"skeleton",
"slider",
"speeddial",
"splitbutton",
"splitter",
"stepper",
"styleclass",
"table",
"tabs",
"tag",
"terminal",
"textarea",
"tieredmenu",
"timeline",
"toast",
"togglebutton",
"toggleswitch",
"toolbar",
"tooltip",
"tree",
"treeselect",
"treetable",
"virtualscroller"
],
"type": "string"
},
"properties": {
"description": "Propiedades del componente (ej: {label: 'Click me', icon: 'pi pi-check'})",
"type": "object"
}
},
"required": [
"component"
],
"type": "object"
}