Exhio-ui-library NPM

Exhio System Design

Description
Installation
Usage
Contributing
License

Storybook

You can watch every component in action just here https://exhio-storybook.vercel.app

Repository

https://gitlab.com/e2301/exhio-ui

Description

This is a UI components library, this library is to the Exhio company for all UI.

Installation

npm install exhio-ui-library

yarn add exhio-ui-library

Usage

Here you can find every component. All the components can be used like every react component.

Exhio Button

export interface IExhioButtonProps
	extends React.ButtonHTMLAttributes<HTMLButtonElement> {
	text: string;
	variant: ButtonType;
	color?: ColorType;
	// eslint-disable-next-line @typescript-eslint/ban-types
	onClick?: () => void;
	className?: string;
}

export const ExhioButton = ({
	text,
	variant,
	color,
	onClick,
	className,
	...props
}: IExhioButtonProps) => {
	const TEST_KEY = 'button-key';
	return (
		<ThemeProvider theme={ButtonTheme}>
			<StyledButton
				variant={variant}
				color={color}
				onClick={onClick}
				key={TEST_KEY}
				size='large'
				className={className}
				{...props}
			>
				{text}
			</StyledButton>
		</ThemeProvider>
	);
};

const StyledButton = styled(Button)`
	padding: 8px 22px !important;
`;