Components

Component

ActionButton

Intent-based button component.

ReactReact Native6 props
PreviewReact

Imports

import { ActionButton } from "@hozorica/hods-react";
import { ActionButton } from "@hozorica/hods-react-native";

Props

PropTypeDescription
variantbrandSolid | neutralSolid | neutralWeak | criticalSolid | neutralOutline | brandOutline | ghostSemantic action intent.
sizexsmall | small | medium | largeDensity and min height.
layoutwithText | iconOnlyIcon-only web buttons require aria-label.
loadingbooleanShows loading state.
disabledbooleanDisables action.
asChildbooleanWeb-only child composition.

Platform Support

React

Supports asChild, native button state, focus-visible, and icon-only aria-label guard.

React Native

Uses Pressable with pressed styles, loading indicator, and accessibility state.

Usage

<ActionButton variant="brandSolid" size="medium">Save</ActionButton>

Notes

  • Do not use iconOnly without an accessible name.
  • RN loading renders ActivityIndicator.