@candlefinance/kit

@candlefinance/kit

UIKit views made accessible for React Native.

Installation

yarn install @candlefinance/kit

Usage (tbd)

import { SegmentedControl, Slider } from '@candlefinance/kit';

<SegmentedControl
  titles={['One', 'Two', 'Three']}
  selectedIndex={2}
  onChange={(event) => {
    console.log(event.nativeEvent.selectedIndex);
  }}
  selectedIndexColor="#ff0067"
  unselectedFontAttributes={{
    size: 18,
    color: '#000',
    weight: 'bold',
    rounded: true,
  }}
  selectedFontAttributes={{
    size: 18,
    color: '#fff',
    weight: 'bold',
    rounded: true,
  }}
  style={{ width: 200, height: 40 }}
  hideBackground={true}
/>

<Slider
  currentValue={1}
  minValue={0}
  maxValue={10}
  steps={1}
  maxTrackTintColor="#ff0067"
  minTrackTintColor="#000"
  thumbColor="#000"
  onChange={(event) => {
    console.log(event.nativeEvent.value);
  }}
  style={{ width: 200, height: 40 }}
/>

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT