mirror of
https://github.com/NginxProxyManager/nginx-proxy-manager.git
synced 2025-08-28 19:40:28 +00:00
Moved tabler compoments into this project for more control
This commit is contained in:
30
frontend/src/components/ButtonList/ButtonList.tsx
Normal file
30
frontend/src/components/ButtonList/ButtonList.tsx
Normal file
@@ -0,0 +1,30 @@
|
||||
import React, { ReactNode } from "react";
|
||||
|
||||
import cn from "classnames";
|
||||
|
||||
export interface ButtonListProps {
|
||||
/**
|
||||
* Child elements within
|
||||
*/
|
||||
children?: ReactNode;
|
||||
/**
|
||||
* Additional Class
|
||||
*/
|
||||
className?: string;
|
||||
/**
|
||||
* Alignment
|
||||
*/
|
||||
align?: "center" | "right";
|
||||
}
|
||||
export const ButtonList: React.FC<ButtonListProps> = ({
|
||||
children,
|
||||
className,
|
||||
align,
|
||||
}) => {
|
||||
const classes = {
|
||||
"justify-content-center": align === "center",
|
||||
"justify-content-end": align === "right",
|
||||
};
|
||||
|
||||
return <div className={cn("btn-list", classes, className)}>{children}</div>;
|
||||
};
|
Reference in New Issue
Block a user