Button

Import

import { Button } from "react-sheikah-ui";

Usage

The Button component is used to trigger an action or event, such as submitting a form, opening a dialog, canceling an action, or performing other operation.

Includes a hover and focus effect similar to the game UI.

import { Button } from "react-sheikah-ui";

function handleClick() {
  alert("Button clicked")
}

<Button text="Click Here" onClick={handleClick} />

Available Props

text

Used to define the text inside the Button

onClick

Used to define the action that will be fired when the button is clicked

disabled

Optional Set this to true to disable the button.

className

Optional Used to give the component a class.

style

Optional Used to give additional standard style object to the component.