Back to Mantine

Unstyled Button

apps/mantine.dev/src/pages/core/unstyled-button.mdx

9.3.1540 B
Original Source

import { UnstyledButtonDemos } from '@docs/demos'; import { Layout } from '@/layout'; import { MDX_DATA } from '@/mdx';

export default Layout(MDX_DATA.UnstyledButton);

Usage

UnstyledButton resets default button styles, it is used as a base for all other button components. You can use it to as a base for custom polymorphic buttons.

<Demo data={UnstyledButtonDemos.usage} />

<Polymorphic defaultElement="button" changeToElement="a" component="UnstyledButton" />

<GetElementRef component="UnstyledButton" refType="button" />