Skip to main content

List Group

Availity's ListGroup, which can feature Cards and Selectable items

Version

Installation​

npm

npm install @availity/list-group reactstrap@^8.0.0

Yarn

yarn add @availity/list-group reactstrap@^8.0.0

Example​

import React from 'react';
import ListGroup from '@availity/list-group';
import ListGroupItem from '@availity/list-group-item';

const Example = () => (
  <ListGroup selectable cards>
    <ListGroupItem>Item 1</ListGroupItem>
    <ListGroupItem>Item 2</ListGroupItem>
    <ListGroupItem>Item 3</ListGroupItem>
  </ListGroup>
);

Live example​

Storybook

Props​

cards?: boolean​

Triggers the items (children) to appear as cards.

selectable?: boolean​

Triggers the items (children) to appear as selectable when hovered over.

tag?: React.ComponentType | string​

The tag to use in the list group. Default: <ul>