skp-react-basics v0.2.3

skp-react-basics

Set of frecuently used react components

⚠ Warning

This is a work in progress, not intended for production yet.

Install

npm install --save skp-react-basics

Usage Card Component

import React, { Component } from 'react'

import { Card, CardHeader, CardBody, CardImgBottom } from 'skp-react-basics'
import 'skp-react-basics/dist/index.css'

class Example extends Component {
  render() {
    return (
      <Card>
        <CardHeader>Header here</CardHeader>
        <CardBody>Tha Body</CardBody>
        <CardImgBottom src={'path/to/img'} />
      </Card>
    )
  }
}

Usage Elevated Card and Accordeon Component

import React from 'react'

import { ElevatedCard, Acordeon } from 'skp-react-basics'
import 'skp-react-basics/dist/index.css'

const App = () => {
  return (
    <ElevatedCard>
      <Accordion title={'What is the answer to everything?'}>
        It is 42.
      </Accordion>
    </ElevatedCard>
  )
}

export default App

ChangeLog

0.2.3 - 01/01/21

• Added ElevatedCard
• Added Accordion

License

MIT © skyspablo