npm i react-dynamic-width-divs

Go to the component you want to add your Dynamic Width Div Container

import {Container} from 'react-dynamic-width-divs/dist'; //at the top

call

<Container total={1000} items={[100,200]} labelLinesVisible={false} />

props ->

total

total width

items

type array -> array of values you want [tip-> inner div width = items[i]/totol * 100 %]

containerStyles

styles for outer most container type object

innerContainerStyles

styles for inner container type object

labelLinesVisible

label lines visible true/false

labelLinesContainer

styles for main label container type object

innerLabelLinesContainer

styles for inner label container type object

hrStyles

styles for label lines type object

labelStyles

styles for label type object