Button
This is the Button component, which is used to trigger actions or events in the user interface. It can be styled and configured to fit various design needs.
Usage
To use the Button component, import it and include it in your markup:
<button class="oui-button">Click Me</button>
Props
The Button component accepts the following props:
Prop | Type | Description |
---|---|---|
type | string | The button type: button , submit , or reset . |
disabled | boolean | Disables the button if set to true . |
autofocus | boolean | Automatically focuses the button on mount. |
form | string | Associates the button with a form element by ID. |
name | string | Name of the button, submitted with form data. |
value | string | Value of the button, submitted with form data. |
tabindex | number | Specifies the tab order of the button. |
aria-* | string | ARIA attributes for accessibility. |
class | string | CSS class names to apply to the button. |
id | string | The unique identifier for the button element. |