Tabs

Use to alternate among related views within the same context.

Pellentesque ac neque convallis augue ultricies egestas. Donec est ligula, tincidunt sit amet justo a, rutrum pellentesque turpis. Donec sapien metus, feugiat eget quam ut, laoreet dapibus mi.

Properties

export type Tabs = {
  selected?: TabButton;
  unselected?: TabButton;
};
 
export interface TabButton extends ButtonType {
  borderBottom?: CSSProperties["borderBottom"];
  borderTop?: CSSProperties["borderTop"];
  borderRight?: CSSProperties["borderRight"];
  borderLeft?: CSSProperties["borderLeft"];
}
 
export interface ButtonType extends ButtonState {
  padding?: CSSProperties["padding"];
  fontWeight?: CSSProperties["fontWeight"];
  boxShadow?: CSSProperties["boxShadow"];
  borderRadius?: CSSProperties["borderRadius"];
  fontSize?: CSSProperties["fontSize"];
  height?: CSSProperties["height"];
  "&:hover"?: ButtonState;
}