Link Button

A button styled to look like a text link to a different page.
Properties
disabled
variant
size
icon
children
iconRight
Example
Source Code
Installation
"use client";

import React from "react";
import { LinkButton } from "@/subframe/components/LinkButton";

function LinkButtonExample() {
  return (
    <LinkButton
      disabled={false}
      variant="neutral"
      size="medium"
      icon={null}
      iconRight={null}
      onClick={(event: React.MouseEvent<HTMLButtonElement>) => {}}
    >
      Label
    </LinkButton>
  );
}

export default LinkButtonExample;

Props

Link Button
Prop
Type
Default
Additional info
disabled
boolean
false
variant
"brand" | "neutral" | "inverse"
"neutral"
size
"large" | "medium" | "small"
"medium"
icon
IconName
null
children
string
"Label"
iconRight
IconName
null
onClick
(event: React.MouseEvent<HTMLButtonElement>) => void

Examples

Variants

Icon

Disabled

Size