Button

Summary

Renders a <button> with baseStyle and the resolved tone style, along with optional start and end icons.

Signature

function Button(handle: Handle<ButtonProps>): () => RemixElement;

Example

import { Button } from "@remix-run/ui/button";
import { Glyph } from "@remix-run/ui/glyph";

<Button startIcon={<Glyph name="add" />} tone="primary">
  Create project
</Button>;

Parameters

handle

Component handle providing the runtime API and the resolved ButtonProps.

Returns

A render function for the button element.