// ClickButtonComponent.ets
import { Component, State } from '@ohos/arkui';
@Component
struct ClickButtonComponent {
@State message: string = 'Hello, ArkUI!';
build() {
Column() {
Text(this.message)
.fontSize(20)
.margin({ top: 20 })
Button('Click Me')
.width(200)
.height(60)
.margin({ top: 20 })
.onClick(() => {
this.showMessage();
});
}
}
showMessage() {
this.message = 'Button Clicked!';
}
}
export default ClickButtonComponent;