2nd June Current Affairs | Current Affairs Today | Daily Current Affairs 2026 | MPPSC MPESB MPSI

[0:00]Hello, everyone. This is a quick demo of how to make your own custom components and use them in your own pages. What we're going to do is make our own button component called MyButton, and we're going to make a page called Hello World that uses this button. So let's get started. We're going to use the Make component editor. First, we'll create our component. Let's call it MyButton. Now, the first thing we need to do is think about what properties our button needs to have. It needs to have text displayed on the button, and it needs to have an action when someone clicks the button. So let's add those properties here. We'll start with text. And we want the user to enter text for us, so we'll make this a user property. We'll call it buttonText. The type should be text. Now, we need to add the action. So we'll create another property, and we'll call it onClick. And this should be a user property as well. The type should be action. Okay, so now that we've defined the properties, let's go into the layout and make it a button. So we're in the layout editor. Let's start by dragging a button component over here. Now, we need to set the text of the button to be the property that we just defined, buttonText. So we'll click on text and then use the formula editor and then type in properties.buttonText. And now we need to set the action of the button to be the onClick property that we defined. So click on action and then use the formula editor again and then properties.onClick. And that's it. We've made our button. Let's save it. So now that we've made our component, let's go into the editor and use our component. Okay, so we're going to create a new page, and we'll call it Hello World. Now, let's open up the page. Now, you can see in the component list under custom components, we have our new component, MyButton. So let's drag it into our page. And now we can set the properties that we defined. So for the buttonText, let's say Hello World. And for the onClick, let's make an alert that says Hello World. Okay, let's test it out. So let's open the page, and we can see our new button. When we click on it, we can see the Hello World alert. So that's it. We've created our own custom component, and we've used it in our own page. Now you can see how you can create your own custom components for anything that you need and use them to make your own custom pages.