0.0.2 • Published 8 months ago

@licuido-ui/ui_compare-the-feature v0.0.2

Weekly downloads
-
License
MIT
Repository
-
Last release
8 months ago

CompareTheFeature

what the difference between a Component and a Feature is.Easily identify

Link

Story Book Link CompareTheFeature

PlayGround

Try it have a fun codeBox

Installation

npm i  @licuido-ui/ui_compare-the-feature

Import component

import { CompareTheFeature } from '@licuido-ui/ui_compare-the-feature';

Usage

<CompareTheFeature rowData={[]} columnData={[]} />

Image

alt text

Sample Code

<CompareTheFeature
  compareHeadingColor={''}
  compareHeadingSize={12}
  compareHeadingStyle={{}}
  compareHeadingAlign={'left'}
  rowAlign={'left'}
  compareRowTitleColor={''}
  compareRowTitleSize={12}
  compareRowTitleStyle={{}}
  rowBorderColor={''}
  tableRootStyle={{}}
  rowData={[
    {
      id: 1,
      title: 'Import Data from Cloud Storage Services',
      Personal: '',
      Starter: <TickIcon />,
      Professional: <TickIcon />,
      style: {},
    },
  ]}
  columnData={[ 
    { id: 1, key: 'title', title: 'Titles', style: {} },
    ]}
/>

Props

NameDescriptionDefaultControl
compareHeadingColorstring""linear-gradient(rgba(255,0,0,0), rgba(255,0,0,1));
compareHeadingSizenumber1212
compareHeadingStyleSxProps<{}>{ }compareHeadingStyle : {}
compareHeadingAlign"center" or "left" or "right"centercenter
compareRowTitleColorstring""linear-gradient(rgba(255,0,0,0), rgba(255,0,0,1));
compareRowTitleSizenumber1212
compareRowTitleStyleSxProps<{}>{ }compareRowTitleStyle : {}
rowBorderColorstring""linear-gradient(rgba(255,0,0,0), rgba(255,0,0,1));
tableRootStyleSxProps<{}>{ }tableRootStyle : {}
rowDataRowDataProps[][][]
columnDatacolumnData [][][]
classNamestring-Set string
idstringstringstring
sxSxProps<Theme>-Set object