Module

Module

import {} from "@progressiveui/react";

() => {
  return <tG />;
};

Prop	Default	Description	Value
children `ReactNode`	–	Specify the content of the `Module`, usually a `ModuleHeader` `ModuleBody` and `ModuleFooter`component.
className `string`	–	The CSS class name for the slider.
noMargin `boolean`	–	Deprecated Disables the default margin	noMargin
fullHeight `boolean`	–	Use 100% height of parent container	fullHeight
light `boolean`	–	Light appearance (for white backgrounds)	light
dark `boolean`	–	Dark appearance	dark
withHover `boolean`	–	Additional hover styling	withHover
margin `"xs" \|"md" \|"lg"`	–	Margin size around the module

import {} from "@progressiveui/react";

() => {
  return <tX />;
};

Prop	Default	Description	Value
className `string`	–	Optional CSS class to apply to the header. This allows for additional styling to be applied on top of the default styles. @style
filter `ReactNode`	–	Optional filter element to be included in the header. This can be used to incorporate interactive elements like dropdowns, search inputs, etc., providing additional functionality to the header component. @functionality

import {} from "@progressiveui/react";

() => {
  return <tK />;
};

Prop	Default	Description	Value
className `string`	–	Optional CSS class to apply to the body of the module. This allows for additional styling to be applied on top of the default styles. @style
centered `boolean`	–	Specify whether the content within the ModuleBody should be centered. This can be used to align content such as text or images in the center of the component for visual appeal. @layout	centered
noPadding `boolean`	–	Specify whether the ModuleBody should have no padding. This can be useful for scenarios where edge-to-edge content display is needed within the module. @layout	noPadding

import {} from "@progressiveui/react";

() => {
  return <tX />;
};

Prop	Default	Description	Value
className `string`	–	Optional CSS class to apply to the header. This allows for additional styling to be applied on top of the default styles. @style
filter `ReactNode`	–	Optional filter element to be included in the header. This can be used to incorporate interactive elements like dropdowns, search inputs, etc., providing additional functionality to the header component. @functionality