@teamsparta/stack-button
Version:
stack button
30 lines (27 loc) • 1.01 kB
TypeScript
import * as react from 'react';
import { ButtonHTMLAttributes, ReactElement } from 'react';
import { Responsive } from '@teamsparta/stack-core';
import { TextButtonVariant, TextButtonSize } from './type.js';
interface TextButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
/**
* 버튼의 스타일을 설정합니다.
* @default "default"
*/
variant?: TextButtonVariant;
/**
* 버튼의 크기를 설정합니다.
* - Responsive 값을 사용하여 반응형 디자인을 적용할 수 있습니다.
* @default "md"
*/
size?: Responsive<TextButtonSize>;
/**
* 버튼의 왼쪽에 추가되는 요소를 설정합니다.
*/
leftAddon?: ReactElement;
/**
* 버튼의 오른쪽에 추가되는 요소를 설정합니다.
*/
rightAddon?: ReactElement;
}
declare const TextButton: react.ForwardRefExoticComponent<TextButtonProps & react.RefAttributes<HTMLButtonElement>>;
export { TextButton, type TextButtonProps };