Styling

The manifold-plan-table component is built with an easy-to-understand class structure, and you can reliably target these classes to apply your own styles, instead of using Manifold's default theme.

Class

Purpose

ManifoldPlanTable

The entire div containing the Plan selection UI for the user

ManifoldPlanTable__Button

The CTA button element

ManifoldPlanTable__Cell

An individual cell in the Plan selection UI

ManifoldPlanTable__Cell--FeatureName

The style of feature names for feature cells

ManifoldPlanTable__Cell--PlanName

The style of plan names for plan detail cells

ManifoldPlanTable__Check

Checkmark styling for feature selection

ManifoldPlanTable__Input

Input fields for feature customization

ManifoldPlanTable__Loading

Loading styles

ManifoldPlanTable__Metered

Metering feature styles

The default style and more advanced styling information can be found in the manifold-plan-table GitHub repository.