Button

Basic Usage

import { Button } from "@ronin-nexus/atomic";
 
<Button>Hello</Button>;

Button Design System Props

Props	Type	Type
variant?	Variant	Design system variant
size?	Size	Button size
mode?	Mode	Button mode
startIcon?	JSX.Element	Icon at start position
endIcon?	JSX.Element	Icon at the end position
icon?	boolean	Use Button as IconButton (render icon only)
text?	string	Render children as text
asChild?	boolean	Merges its props onto its immediate child.

Default: brand

Type: xs | sm | base | lg

Default: xs

Type: solid | light | ghost

Default: solid

Start Icon End Icon Icon

<Button disabled>Button</Button>

<Button loading>Button</Button>

<Button asChild>
  <Link to="/login">Login</Link>
</Button>