Questions tagged [components]

A component in the Unified Modeling Language "represents a modular part of a system, that encapsulates its content and whose manifestation is replaceable within its environment. A component defines its behavior in terms of provided and required interfaces". The best example of component can be found in ActionScript- Flash,Flex sdks. There you have UI components like buttons, labels, DataGrids, charts those are reusable, distributable etc.

Filter by
Sorted by
Tagged with
0 votes
0 answers
8 views

handlebar dynamic components render

i am setting project for dynamic compoenents in handlebars where i have multiple compoenents like headers, heros, features, cards etc i have the patials and json file i want render the templates ...
dhiraj sonawane's user avatar
-1 votes
0 answers
13 views

Error Message Related to Module Not being Found [closed]

I am trying to import from my product.jsx and products.js file, but I am getting a React error saying that the module is not found. The following error is below: ERROR in ./src/pages/shop/shop.jsx 5:0-...
VSafiya3's user avatar
0 votes
1 answer
23 views

Remove top graph from Apache eCharts DataZoom

We're looking for a component to show a slider with indications of data within it that we want to use as a filter for data we're showing. The data will be shown as a grid. We've looked at the Apache ...
EinarI's user avatar
  • 629
0 votes
0 answers
35 views

React Component - Input Fields from Form Not Using UseState Properly

import { useEffect } from 'react'; import AddRecordButton from './AddRecordButton'; const AddRecordForm=()=>{ const [content, setContent]=useState([]); const [artist_name, setartist_name] = ...
Christine Hoang's user avatar
0 votes
1 answer
43 views

Calling two functions onClick in React, functions work independently but not when called simultaneously

I have a nav with buttons, each representing a category. When a button is clicked, the setActive function which is passed to the nav component as a prop from a parent file triggers a different ...
Greg West's user avatar
0 votes
0 answers
26 views

Render React Component at top

I'm new to React, but I couldn't find anything online about it. I don't understand what exactly the error is. First of all, I have a PageComponent. This PageComponent has (relevant to this question) a ...
Fido_de07's user avatar
2 votes
0 answers
42 views

How to solve your any component is not a known element in ngrx angular?

Tried standalone strategy and also @ngModules but maybe i'm missing something in app.component.html or or in app.comopnent.ts. Everything on my side is perfectly fine according to VScode and Angular ...
Syed Shaheer Ali Zaidi's user avatar
-1 votes
1 answer
25 views

please check why import react is not working

import React from "react"; import ReactDOM from "react-dom"; function Header(){ return( <header> <nav className="nav"> <...
someRandom_ITguy's user avatar
0 votes
0 answers
5 views

React Component Lib + MUI: How to prevent HTML tag font-size to change Component Lib font-sizes

By default MUI components uses REM as metric unit. It works fine from React application which you control the font-size of the HTML(root) element. But when my Lib is imported to a project that uses a ...
Rodrigo Borba's user avatar
0 votes
0 answers
13 views

Vuetify 3 wrap component

I'd like to wrap a simple v-img setting the placeholder slot but I want to keep the functionality to pass other defined slots in the v-img. Plus, I'd like to keep the typescript hinting from outside ...
Marco Chiodetti's user avatar
0 votes
0 answers
28 views
+50

Extending Vue3 components

I would like to create a wrapper component (let's call it B.vue) around another component (A.vue). I would like B.vue to have all the slots, props, v-model bindings, events etc. that A.vue has. (along ...
Matej's user avatar
  • 145
-1 votes
0 answers
95 views

Delphi TWinControl will not display the TLabel [closed]

The following TWinControl component will not display the 2 TLabels I have positioned at the top Here is part of the component code unit Payments; interface uses Winapi.Windows, ...
Niall Thoresen's user avatar
0 votes
1 answer
32 views

MAUI - alter programmatically child objects

I wanna alter via code behind some properties (taking data from a DB)... As a test, I've tryid this solution View v = this.Content; List<IVisualTreeElement> elements = (List<...
Denis De Pauli 's user avatar
0 votes
0 answers
8 views

What's the difference between "import" and "Stream Components"? [Perforce]

guys! Recently I tried to import some of the paths under the Depot Stream into the Stream view of another Depot, but I ran into performance issues and the whole server started to get abnormally stuck. ...
TOBEALISTENER's user avatar
0 votes
2 answers
124 views

Delphi TWinControl duplicating its children at runtime

When I build this component and place it on a form, all appears fine. However, when I run the program, the control duplicates all of its children. It appears to be calling the initialize components ...
Niall Thoresen's user avatar
0 votes
1 answer
104 views

Problem with TWinControl component not responding to form resizing

I have a visual control written in Delphi 10.4. To make it simple to focus on the problem I created just the TwinControl with properties of Anchors and Align. I included the AutoSize property. The ...
Niall Thoresen's user avatar
0 votes
1 answer
37 views

why component library uses optional props, not required

My company using ant-desing-vue and ag-grid and i'm develop our components by using them. And I found out that antd and ag-grid don't have required props. ALL props are optional and I want to know why ...
jaejin's user avatar
  • 3
0 votes
1 answer
33 views

Seeking Feedback on Code Optimizations: Flutter TextField Custom Widget

I have a Flutter template, and then i want to change the widget only but many fitures not working example like this Expanded( child: DInput( ...
HollowX7's user avatar
0 votes
0 answers
23 views

How to use JSX syntax outside of a React component? [closed]

I am using react Icons for adding icons in my UI. Here i make a separate .js file to store things and directly map them in component file. But its giving Syntax error in .js file. import { ...
Pankaj Asiwal's user avatar
0 votes
0 answers
36 views

whenever I run ng serve I encounter problem

This issue is persisting X [ERROR] NG8001: 'app-header' is not a known element: 1. If 'app-header' is an Angular component, then verify that it is part of this module. 2. If 'app-header' is a Web ...
Behroze f2f Khalid's user avatar
0 votes
0 answers
20 views

My Select state is being updated in the select component, but not his value

In my application I have two select one for the years and another one for the month, when I click on a reset button the status of both is reset to the first ones, in one of the components it restarts ...
Álvaro Vera 's user avatar
-1 votes
0 answers
10 views

Componentwise product in complex numbers

I want to prove that we can't express u1u2+iv1v2 with addition, subtraction, multiplication operations on z1=u1+iv1,z2=u2+iv2 I tried to prove it, but it doesnt work. If we introduce conjugate ...
Wjsjdj's user avatar
  • 1
0 votes
0 answers
14 views

Lazy loading compound components typescript warning

I have problem with typescript when I'm having an lazy loaded compound component Compound Component export default function A({ children }: { children: ReactNode; }) { return ( <div &...
Игор Ташевски's user avatar
0 votes
0 answers
10 views

Router Link tag breaking my Vue application

The Vue component in question (House) is responsible for rendering different types of houses that are simple javascript objects. It differentiates between two types of houses: those created by the ...
Soma's user avatar
  • 1
0 votes
1 answer
75 views

Error: JavaFX runtime components are missing, and are required to run this application in generated jar using eclipse

I am getting the above error while running the JavaFX jar file on the command prompt or by double-clicking. I want the jar file to be run like an application by double-clicking on it. I have tried ...
Sudhanshoo Sarage's user avatar
0 votes
0 answers
37 views

MUI select component warnings: No Label no label associated with a form field. How can I clean the warnings?

I tried to use MUI select component. But I found it throws a lot of warnings. Even I directly open the MUI home page, I also see those warnings. https://mui.com/material-ui/react-select/ Warnings on ...
yonghua's user avatar
2 votes
1 answer
118 views

how to use nested components in angular 17 with standalone components?

Since angular now has stanalone components, how do we show one comonent inside another like we used to. e.g inside app body I dont have any idea about how standalone components work and i'm a fresher ...
Subhadip Nayek's user avatar
0 votes
0 answers
17 views

Custom Excel like Select Filter for Blazor Table

Im working on a school project with Blazor Server. The app gets data from my database and shows the data in a Table. I need some custom filter options for in for that table. When I click the filter ...
Ashabi Wasabi's user avatar
2 votes
3 answers
59 views

Property 'nameFormControl' does not exist on type 'ContactComponent'

Hello StackOverflow community! I'm developing an app in Angular + Node and I've encountered a big issue regarding forms and validators using Material Angular. At the moment, I'm stuck with the HTML ...
David Encina Martínez's user avatar
1 vote
2 answers
52 views

Error: 'app-header' is not a known element despite adding 'CUSTOM_ELEMENTS_SCHEMA'

Even though the 'app-header' component is being rendered in the browser, the content in the corresponding "header.component.ts" or "header.component.html" is not being displayed. ...
Mannu's user avatar
  • 11
0 votes
0 answers
59 views

Livewire form not working when page is visited through wire:navigate

I have a simple login page which is a full-page livewire component. The component includes public "login" method which handles the user login. When the page is directly loaded on the browser,...
Hüseyin Dursun's user avatar
0 votes
1 answer
28 views

js code component not loading properly while scrolling

this is my js code which i am using in my html page. const canvas = document.getElementById('myCanvas'); const ctx = canvas.getContext('2d'); canvas.width = window.innerWidth; canvas.height = window....
Sivani's user avatar
  • 1
0 votes
1 answer
42 views

React - Objects are not valid as a React child when rendering an array of objects

Edit: I'm encountering an issue in my React project where I'm trying to render an array of objects using the map function, and I'm getting the following Error: Objects are not valid as a React child (...
ahmed's user avatar
  • 1
-1 votes
0 answers
27 views

Brave browsers not loading specific portions in a website

The website is having an issue with Brave browser, where it loads only the header and footer but not the main content. Other browsers display the webpage correctly. Interestingly, disabling the shield ...
Tshering Gyeltshen's user avatar
0 votes
0 answers
18 views

How to connect react component library to local project and mirror changes?

I have react project and I would like to adjust react-image-gallery component. I cloned that repository from github and make couple of changes. Unfortunately when I tried to use this component in my ...
Luke's user avatar
  • 1,233
0 votes
1 answer
120 views

Database ComboBox component whose items are loaded from the database?

Is there a database component allowing for navigating through an attached dataset with a combobox look & feel? Upon setting the DataSource, a specifiable field would be 'loaded' into the Items ...
tua's user avatar
  • 45
0 votes
0 answers
24 views

MUI rating component broken. Cant find why

I'm doing a project in react, I'm using bootstrap react Bootstrap and MUI for my components. I need a rating so I use the MUI componet. I copied the basic code from the page but only 1 star has its ...
Agustín Forti's user avatar
1 vote
1 answer
43 views

Angular NG8001 error. component just works on one page, not tohers

Yesterday I finished working on one of my project pages "home.component" and today when I want to use some of the components on other pages but they don't work, the only ones that work is &...
Pablo N's user avatar
  • 13
0 votes
0 answers
32 views

Import a Custom Lit Package

This is my first time creating and publishing a Lit custom element on NPM. The element also contains a React Adapter. In a react project, the component cannot be auto imported. So I had to import it ...
Jobie J's user avatar
  • 129
-1 votes
0 answers
26 views

Using Livewire Directives inside layouts

I have run into a problem recently while using layouts, the problem is that when i use them and pass data from my component to layout, it gets processed ok but none of the "Livewire Directives&...
Ali Arefzadeh's user avatar
1 vote
0 answers
21 views

Nesting reactive Angular form into another reactive form

Which is the best way to nesting an angular component into another angular component? Both built with reactive approach. I using Angular v16 The parent component: @Component({ selector: 'app-parent',...
L. Kvri's user avatar
  • 1,522
0 votes
0 answers
17 views

Add HTML attribute to react rangeslider component

I am using react ranheslider component and want to add attribute area role but it's not allowing. can we do that?? As shown below here i want to add role attribute. please help and let me know.
Kalpana Sharma's user avatar
0 votes
0 answers
19 views

Deploy do not render React component in Astro

I am facing an issue with a React component in Astro. It works when I host locally, but in the deployed version, the component is not rendering. It seems to be a problem with the props that may be ...
Gus's user avatar
  • 3
0 votes
0 answers
37 views

Update child component in React with data from other child component

I am pretty new to React and am trying to solve something right now but somehow can't get my head around the rendering process of React. I have three components: 1 parent component, 2 child components....
R1k3r's user avatar
  • 39
-1 votes
2 answers
49 views

How to set up a Laravel Livewire component to make it not loaded again when navigated

I have a Livewire component which is used on every page (eg. notifications in header) and it is being lazy loaded. I know it will be loaded again on page refresh or click a link which does not include ...
Hüseyin Dursun's user avatar
0 votes
0 answers
20 views

Blazor Html Templating Engine - is there a way to do this?

I am trying to create a Blazor Templating engine. Basically - lets say there is an HTML string as follows: <div> <div>This is some text</div> <div>{...
Laz's user avatar
  • 11
-1 votes
0 answers
24 views

Accessing functions inside a React component

I know, I have read it everywhere, I should not try to access and test my component functions directly but rather, test the behavior. Well, I want to test the behavior but I need to be able to call ...
xunux's user avatar
  • 1,599
0 votes
0 answers
31 views

Free Select-Filter Component for a Table in Blazor like Syncfusion

Im looking for a free component like the Select-Filter in Syncfusion for Blazor. Ideally it should be for a Table and not a Grid. I have a Blazor Server App and have a table which Gets data from my ...
Ashabi Wasabi's user avatar
1 vote
1 answer
43 views

Vuejs: Should I split views into small components?

I have a project that has 2 folders for components - 1) src/components/ and 2) src/views. In the first one I store general components such as a drawer or nav, and in the second I store pages (views). ...
Michael's user avatar
  • 115
0 votes
2 answers
32 views

Why am I getting a Blank Page but React is compiling successfully?

I don't understand why I get a blank page when I run npm start. I am trying to have the and tags to render. Here is the code: index.js import React from 'react'; import ReactDOM from 'react-dom/...
cm hayes's user avatar

1
2 3 4 5
235