Button Unstyled

The ButtonUnstyled component is a simple <button type="button" className="rmd-button-unstyled"> wrapper that removes the browser's button default border and background styles and adds some reasonable defaults. The typography is inherited by the parent element and normally needs to be defined.

This component won't really be used much externally, but it is used internally for sortable table columns and expansion panels.

Simple Example

import { ButtonUnstyled } from "@react-md/core/button/ButtonUnstyled";
import { typography } from "@react-md/core/typography/typographyStyles";
import { type ReactElement } from "react";

export default function SimpleExample(): ReactElement {
  return (
    <ButtonUnstyled className={typography()}>Hello, world!</ButtonUnstyled>
  );
}

import { ButtonUnstyled } from "@react-md/core/button/ButtonUnstyled";
import { typography } from "@react-md/core/typography/typographyStyles";
import { type ReactElement } from "react";

export default function SimpleExample(): ReactElement {
  return (
    <ButtonUnstyled className={typography()}>Hello, world!</ButtonUnstyled>
  );
}