MobTranslate styleguide

API Reference

Every public export resolved from the installed TypeScript library, including inherited prop contracts and declaration sources.

Choose and inspect an export

Case-insensitive name matching. 318 of 318 exports match. Filtering this list keeps the current reference visible.

Button

callable component · Runtime export.

Button behavior and usage

Declaration locations in the installed source:

  • packages/ui/src/components/button/button.tsx:16
typescript
(props: ButtonProps & RefAttributes<HTMLElement>): ReactNode

7 of 297 accepted props shown.

Optional means TypeScript permits omission; it does not specify the runtime default. Source comments below are declarations, not observed behavior. Use the authored component guidance for defaults, state ownership, events and accessibility.

PropAccepted typeDeclaration and comments
asChild

Optional

boolean | undefined

Declared in the UI package

  • packages/ui/src/components/button/button.tsx:13
fullWidth

Optional

boolean | undefined

Declared in the UI package

  • packages/ui/src/components/button/button.tsx:11
leftIcon

Optional

ReactNode

Declared in the UI package

  • packages/ui/src/components/button/button.tsx:12
loading

Optional

boolean | undefined

Declared in the UI package

  • packages/ui/src/components/button/button.tsx:9
loadingText

Optional

string | undefined

Declared in the UI package

  • packages/ui/src/components/button/button.tsx:10
size

Optional

"sm" | "lg" | "md" | "icon" | undefined

Declared in the UI package

  • packages/ui/src/components/button/button.tsx:8
variant

Optional

"primary" | "secondary" | "destructive" | "error" | "success" | "warning" | "outline" | "ghost" | "link" | undefined

Declared in the UI package

  • packages/ui/src/components/button/button.tsx:7

Read types alongside behavior

This register is generated from packages/ui/src/index.ts using the workspace compiler. It includes runtime exports, type-only declarations, callable signatures and component props. The authored component pages explain when to use them, runtime defaults, controlled state, event sequences, composition, dimensions and accessibility. A type accepting an attribute does not prove that a custom rendered element supports its semantics.

Inherited contracts come from the installed React and pinned Base UI types. Newer upstream documentation may differ. Declaration paths and line numbers refer to this installed workspace; dependency paths can include exact versions. Optional properties do not imply false, empty or zero defaults.

Composition guidanceRendered specificationsMigration guidance

Generation and verification

The index and each export document carry the same content revision. Only the selected export loads; a missing, failed or mismatched response offers recovery instead of displaying a different contract. Hash links select exports directly. Generate before building and check freshness after source or dependency changes.

bash
pnpm --filter styleguide api:generate
pnpm --filter styleguide api:check
pnpm --filter styleguide build

Compiler revision: 10a492c14cbe9af9bba67ae29f411691e692ad7f64acfe3d72b55d5d685d653d. This identifies the generated contract data, not a public deployment.