# LinkButton
**Category**: native
**URL**: https://www.heroui.com/docs/native/components/link-button
**Source**: https://raw.githubusercontent.com/heroui-inc/heroui/refs/heads/v3/apps/docs/content/docs/native/components/(buttons)/link-button.mdx
> A ghost-variant button with no highlight feedback, designed for inline link-style interactions.
***
## Import
```tsx
import { LinkButton } from 'heroui-native';
```
## Anatomy
```tsx
...
```
- **LinkButton**: Root pressable container. Renders a `Button` with the `ghost` variant and disabled highlight feedback enforced internally. These cannot be overridden by consumers.
- **LinkButton.Label**: Text content of the link button. Inherits size and variant styling from the parent context.
## Usage
### Basic Usage
The LinkButton component renders inline link-style text that responds to press events.
```tsx
Learn more
```
### Sizes
Control the text size with the `size` prop.
```tsx
Small
Medium
Large
```
### Disabled State
Disable the link button to prevent interaction.
```tsx
Disabled link
```
### Custom Styling
Apply custom styles using the `className` prop on both root and label.
```tsx
Styled link
```
### Inline with Text
Place link buttons inline alongside regular text for terms, policies, or contextual navigation.
```tsx
I agree to the
Terms of Service
and Privacy Policy
```
## Example
```tsx
import { Button, Checkbox, ControlField, LinkButton } from 'heroui-native';
import React from 'react';
import { Alert, View } from 'react-native';
export default function LinkButtonExample() {
const [isAgreed, setIsAgreed] = React.useState(false);
const handleTermsPress = () => Alert.alert('Terms', 'Navigate to Terms');
const handlePrivacyPress = () =>
Alert.alert('Privacy', 'Navigate to Privacy Policy');
return (
I agree to the
Terms of Service
and
Privacy Policy
);
}
```
You can find more examples in the [GitHub repository]().
## API Reference
### LinkButton
Extends all [Button](./button#button) props except `variant` (enforced as `ghost` internally).
**Behavioral overrides applied internally:**
| override | value | description |
| ----------- | ------------ | --------------------------------------------------- |
| `variant` | `ghost` | Always renders as a ghost button, cannot be changed |
| `highlight` | `false` | Highlight feedback is disabled, cannot be changed |
| `className` | `h-auto p-0` | Removes default button height and padding |
### LinkButton.Label
Equivalent to [Button.Label](./button#buttonlabel). Accepts the same props.