Nonchalantly Perusing Magazines

    react-bootstrap-accordion
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.0 • Public • Published

    React Bootstrap Accordion

    A simple react component for adding a nice vertically collapsing accordions based on bootstrap 5 Accordion.

    NPM JavaScript Style Guidenpm bundle sizeGitHub

    screenshot

    Install

    npm

    npm i react-bootstrap-accordion

    Yarn

    yarn add react-bootstrap-accordion

    Usage

    import React from 'react'
    import { Accordion } from 'react-bootstrap-accordion'
    
    const MyComponent = () => {
      return (
        <div className='App'>
          <Accordion /* Props */ />
        </div>
      )
    }

    Props

    Prop Type Options Description Default
    title String Optional Accordion Title Accordion Title
    show Boolean Optional Make accordion shown by default false
    children ReactNode Optional Accordion body Lorem text

    Style

    The Component is based on Bootstrap 5 HTML structure and CSS classes so it will work out of the box if Bootstrap 5 css stylesheet is already included in you project. If you don't have/want to include Bootstrap, you still can use a standalone css stylesheet which was extracted form bootstrap 5 stylesheet. Just add it:

    import 'react-bootstrap-accordion/dist/index.css'

    Demo


    Edit react-bootstrap-collapse-accordion-example

    License

    MIT © awran5

    Keywords

    none

    Install

    npm i react-bootstrap-accordion

    DownloadsWeekly Downloads

    461

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    26.4 kB

    Total Files

    8

    Last publish

    Collaborators

    • awran5