RoundedButton

Import

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

Usage

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

Usually used in an action with lesser effect than Button component.

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

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

function handleClick() {
  alert("RoundedButton clicked");
}

<RoundedButton 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.