> For the complete documentation index, see [llms.txt](https://valence.isaacshea.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://valence.isaacshea.com/valence-core/components/buttons/text-button.md).

# Text button

Last updated: 4.0.0

A simple button designed for rendering text. Uses the `Text` component to render text. This is the default button; it will be used as `Button`.

## Usage

```tsx
import { Button, GlassMaterial } from "@valence-ui/core";

function MyComponent() { 
    return ( 
        <Button 
            size="md"
            radius="sm"
            material={new GlassMaterial()}
        >
            A *markdown* compatible text button!
        </Button>
    )
}
```

## Props

*Extends* [*`PrimitiveButtonProps`*](/valence-core/components/buttons/primitive-button.md#props)*.*

<table data-full-width="true"><thead><tr><th width="175">Property</th><th width="134">Type</th><th>Description</th></tr></thead><tbody><tr><td>children</td><td><code>string</code></td><td>Children of this component.</td></tr><tr><td>textProps</td><td><code>TextProps</code></td><td>Properties to apply to the <code>Text</code> component.</td></tr></tbody></table>

## Changelog

* **4.0.0:** Replaced `variant` with `material`.