Pricing
Pricing is a component used to display features and pricing tables.

View full example: Pricing Example
import React from 'react';
import { Pricing } from 'monalisa-ui';
const Example = () => (
<Pricing
titleColor="#3e50fa"
title="Free"
price="$0"
info={['1 CPU', '1024MB Memory', '1000GB Bandwidth']}
button={{ title: 'GET STARTED' }}
/>
);
export default Example;
Configuration
Property
Default
Option
Description
title
-
string
Title of the pricing
titleColor
-
string
Color title
price
-
string
Price
priceColor
#000
string
Color price
info
[]
array
Pricing information
titleStyle
-
-
Style for the title
priceStyle
-
-
Style for the price
borderColor
#dfe1e6
string
Border color pricing
style
-
-
Style for the pricing
button
-
object
Display button bottom
Last updated