@ducor/react
Version:
admin template ui interface
17 lines (16 loc) • 938 B
TypeScript
import React from "react";
import colors from "../helpers/colors";
type DividerSize = "0" | "0.5" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "full" | "screen" | "min" | "max" | "fit" | "auto" | "inherit";
type DividerMargin = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "10";
type DividerThickness = "0" | "1" | "2" | "4" | "8";
export interface DividerProps extends React.HTMLAttributes<HTMLHRElement> {
direction?: "horizontal" | "vertical";
color?: keyof typeof colors.borders;
thickness?: DividerThickness;
margin?: DividerMargin;
dashed?: boolean;
height?: DividerSize;
width?: DividerSize;
}
declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;
export default Divider;