React components using Availity UIKit and Bootstrap 4

Overview

availity-react

React components using Availity UIKit and Bootstrap 4

License Dependency Status Coverage

Supported Browsers

  • Google Chrome
  • Mozilla Firefox
  • Microsoft Edge
  • Internet Explorer 11+ (Internet Explorer will no longer be supported starting August 21st, 2021)

Storybook

https://availity.github.io/availity-react/storybook

Availity Docs

https://availity.github.io/availity-react

Contributing

Additional Notes

We use data-testid for unit tests to use for grabbing unique attributes. If you are using [email protected] or later it will be removed for you in production builds. However, if you don't want it and not using workflow, you will need to add the following babel plugin to remove it:

License

MIT

Issues
  • Airbnb/react-dates shims

    Airbnb/react-dates shims

    ūüźõ Bug report

    Current Behavior

    @avality/react-strap-validation-date is not working on IE 11 anymore since 3.x. It throws an Object doesn't support property or method 'padStart' error when user clicks on calendar icon.

    This happens in fresh started npx @availity/workflow apps also.

    Suggested solution(s)

    Add airbnb shims on related @availity packages. Refs https://github.com/airbnb/react-dates/issues/1675 https://github.com/airbnb/react-dates/issues/1728

    Workaround

    Rollback to 1.x or 2.x

    Your environment

    Binaries: Node: 8.9.4 - C:\Program Files\IBM\node\node.EXE npm: 5.6.0 - C:\Program Files\IBM\node\npm.CMD

    opened by djejaquino 33
  • AvSelectField - onChange get the event instead of the value

    AvSelectField - onChange get the event instead of the value

    ‚ĚďQuestion

    I'm using the AvSelectField and on my onChange I'd like to get the event instead of the actual value selected.

    I've tried below and without passing anything to the callback func.

                  <AvSelectField
                    id="reason"
                    label="Reason*"
                    name="reason"
                    onChange={(event) => onSelectReason(event)}
                    options={
                      getReasonValues().map(reason => ({
                        value: reason.id,
                        label: reason.label,
                        key: reason.code + reason.description
                      }))
                    }
                    placeholder="Select a Reason"
                    required
                    validate={{
                      required: {
                        value: true,
                        errorMessage: 'Please select a Reason.'
                      },
                    }}
                    value={reason}
                  />
    

    is there a way for me to get the full event instead?

    opened by diegodesouza 23
  • reactstrap-validation-select | Keep Selected Value

    reactstrap-validation-select | Keep Selected Value

    ‚ĚďQuestion

    Is there a way to keep the selected value for AvOrganization after coming back from another page?

    opened by diegodesouza 20
  • @Availity/table

    @Availity/table

    This pull requests creates the @availity/table package.

    This is a wrapper for the react-table library that will do all of the works for you to create the Table, Table Header, Table Body, etc. All you need to do is pass in the proper config.

    It also supports the following features:

    • Sticky headers and sticky columns
    • Sorting
    • Table Selection
    • OnRowClick events
    • Action Menu columns
    • Custom and configurable styling

    In the future this will also support:

    • User configurable columns where the user can go in and configure which columns should display.
    • Editable table!
    opened by smashleez 15
  • feat(reactstrap-validation-date): added back ranges prop

    feat(reactstrap-validation-date): added back ranges prop

    Adds ranges prop back.

    • fix(reactstrap-validation-date): derived state from props was not implemented so the value prop was only valid on mount.
    • refactor(icon): forwards ref to html element in the case of a ref being passed in

    Trying to find a way to test those presets but no dice atm.

    opened by GoPro16 11
  • Failed to compile

    Failed to compile

    I just installed the package @availity/reactstrap-validation-select in hopes of populating a country dropdown list but the code fails to compile.

    ./node_modules/@availity/reactstrap-validation-select/AvResourceSelect.js Module parse failed: Unexpected token (10:19) You may need an appropriate loader to handle this file type. | | class AvResourceSelect extends Component { | static propTypes = { | requestConfig: PropTypes.object, | resource: PropTypes.shape({

    opened by zimmelbc 11
  • Pagination

    Pagination

    Starting PR to discuss changes/improvements as pagination is migrated to availity-react

    opened by KaseyPowers 11
  • AvRegionSelect - Searching for 'California' then tabbing won't select California

    AvRegionSelect - Searching for 'California' then tabbing won't select California

    ‚ĚďQuestion

    I'm using the AvRegionSelect, and noticed that if I type 'California' then Tab to go to the next field. It is not selecting the value California like AvOrganizationSelect does.

                    <AvOrganizationSelect
                      id="organizations"
                      name="organizations"
                      placeholder="Select an Organization"
                      label="Enter Organization Name"
                      labelHidden
                      onChange={this.onSelectedOrganization}
                      value={selectedOrganization}
                      required
                      validate={{
                        required: {
                          value: true,
                          errorMessage: "Please select an Organization."
                        }
                      }}
                    />
    
    <AvRegionSelect
                    name="state"
                    label="State"
                    labelHidden
                    onChange={obj => this.onStateChangeHandler(obj)}
                    required
                    placeholder="Select a state"
                    validate={{
                      required: {
                        value: true,
                        errorMessage: "Please select a State."
                      }
                    }}
                  />
    
    opened by diegodesouza 11
  • Fix/date range same day

    Fix/date range same day

    for date and reactstrap-validation-date, allows the same day to be selected as the start and the end date by leveraging the minimumNights prop from react-dates. In date, it is overridable due to datepickerProps.

    opened by nylon22 9
  • Feat/pf 2208 restyle feedback form

    Feat/pf 2208 restyle feedback form

    Refactor/restyle FeedbackForm component so it can be used by itself without looking dumb.

    opened by danielpickett 9
  • build(deps): bump rollup from 2.59.0 to 2.60.1

    build(deps): bump rollup from 2.59.0 to 2.60.1

    Bumps rollup from 2.59.0 to 2.60.1.

    Release notes

    Sourced from rollup's releases.

    v2.60.1

    2021-11-22

    Bug Fixes

    • Make sure virtual files have proper file extensions when preserving modules (#4270)

    Pull Requests

    v2.60.0

    2021-11-11

    Features

    • Add this.load context function to load, transform and parse modules without adding them to the graph (#4234)
    • Sanitize non-url-safe characters in generated chunk names by default (#4262)
    • Support ESM plugins via command line (#4265)

    Pull Requests

    Changelog

    Sourced from rollup's changelog.

    2.60.1

    2021-11-22

    Bug Fixes

    • Make sure virtual files have proper file extensions when preserving modules (#4270)

    Pull Requests

    2.60.0

    2021-11-11

    Features

    • Add this.load context function to load, transform and parse modules without adding them to the graph (#4234)
    • Sanitize non-url-safe characters in generated chunk names by default (#4262)
    • Support ESM plugins via command line (#4265)

    Pull Requests

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
  • build(deps): bump react-query from 3.32.1 to 3.33.2

    build(deps): bump react-query from 3.32.1 to 3.33.2

    Bumps react-query from 3.32.1 to 3.33.2.

    Release notes

    Sourced from react-query's releases.

    v3.33.2

    3.33.2 (2021-11-20)

    Bug Fixes

    • useQuery: fix tracked queries and error boundaries (#2993) (58dc1ce)

    v3.33.1

    3.33.1 (2021-11-17)

    Bug Fixes

    v3.33.0

    3.33.0 (2021-11-17)

    Features

    v3.32.3

    3.32.3 (2021-11-12)

    Bug Fixes

    • useQuery: don't throw error if errorBoundary has just been reset (#2935) (2c36b6d)

    v3.32.2

    3.32.2 (2021-11-12)

    Bug Fixes

    • useQuery: make sure that disabled queries in error state don't throw (#2933) (d3d7fc4)
    Commits
    • 58dc1ce fix(useQuery): fix tracked queries and error boundaries (#2993)
    • c2727c1 docs: add prateek3255 as a contributor for code (#2970)
    • fe1e905 docs: add EddyVinck as a contributor for code (#2967)
    • 2714343 docs: add KATT as a contributor for code (#2965)
    • 7948e7a chore: remove trailing comma in all-contributorsrc
    • 16131c3 fix(devtools): improve devtools a11y (#2947)
    • 5285479 feat(useMutation): meta for mutations (#2906)
    • 62e12e5 docs(reference): fixed right sidebar width issue (#2952)
    • 1dc4186 docs(cancel): add graphql-request example (#2948)
    • c1ae82b Update README.md
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
  • build(deps): bump @types/node from 14.17.32 to 14.17.34

    build(deps): bump @types/node from 14.17.32 to 14.17.34

    Bumps @types/node from 14.17.32 to 14.17.34.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
  • build(deps): bump @types/jest from 26.0.24 to 27.0.3

    build(deps): bump @types/jest from 26.0.24 to 27.0.3

    Bumps @types/jest from 26.0.24 to 27.0.3.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
  • build(deps): bump @commitlint/config-conventional from 13.2.0 to 15.0.0

    build(deps): bump @commitlint/config-conventional from 13.2.0 to 15.0.0

    Bumps @commitlint/config-conventional from 13.2.0 to 15.0.0.

    Release notes

    Sourced from @‚Äčcommitlint/config-conventional's releases.

    v15.0.0

    15.0.0 (2021-11-17)

    Bug Fixes

    • prompt: correct import kind in prompt package (#2852) (45bf394)
    • prompt: correct version of internal dependencies in prompt package #2697 (#2851) (b1155ca)
    • types: fix signature of QualifiedRuleConfig for async configurations (#2868) (#2869) (c7f355b)

    Features

    Tests

    • config-lerna-scopes: reuse npm bootstrap to simplify tests (#2479) (9a7a43a), closes #2447

    BREAKING CHANGES

    • config-lerna-scopes: upgrade to lerna v4

    Co-authored-by: Renovate Bot [email protected] Co-authored-by: escapedcat [email protected]

    • test(config-lerna-scopes): reuse npm bootstrap to simplify tests

    • test(config-lerna-scopes): reuse npm bootstrap to simplify tests

    • test: fix issue after merge

    • test: one more fix after merge

    Co-authored-by: renovate[bot] Co-authored-by: Renovate Bot [email protected] Co-authored-by: escapedcat [email protected]

    Big thanks to @‚Äčarmano2 ‚̧ԳŹ

    v14.2.0

    14.2.0 (2021-11-06)

    Features

    • prompt: rewrite codebase to use inquirer - UPDATED with current master (#2697) (5105f43)

    ... (truncated)

    Changelog

    Sourced from @‚Äčcommitlint/config-conventional's changelog.

    15.0.0 (2021-11-17)

    Note: Version bump only for package @‚Äčcommitlint/config-conventional

    14.1.0 (2021-11-01)

    Note: Version bump only for package @‚Äčcommitlint/config-conventional

    14.0.0 (2021-10-26)

    Note: Version bump only for package @‚Äčcommitlint/config-conventional

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
  • fix(reactstrap-validation-date,date): replaced react-dates with avail‚Ķ

    fix(reactstrap-validation-date,date): replaced react-dates with avail…

    This PR replaces react-dates w/ @avality/react-dates to fix the 508 issues in the date picker temporarily.

    opened by tannerbyers 1
  • Allow DateRange to pass through invalid dates

    Allow DateRange to pass through invalid dates

    ūüöÄ Feature request

    Current Behavior

    Currently the onInputChange handler for the DateRange component will not pass through invalid dates to the formik context. This makes validation logic difficult as we cannot tell an invalid input from a blank one.

    Desired Behavior

    We should be able to tell the DateRange component to pass through invalid dates to formik and let formik handle the validation.

    Suggested Solution

    I pushed a branch with a prop and some sample tests as a proof of concept - https://github.com/Availity/availity-react/compare/feat/date-range-pass-invalid-dates this is still a work in progress and definitely needs further testing

    Who does this impact? Who is this for?

    DateRange users who have optional date ranges but still want to validate user inputs.

    Describe alternatives you've considered

    I think there is a reasonable argument that the proposed behavior should be the default/only way to handle this, i'm actually not clear on the value we get from not passing through invalid dates but I'm open to suggestions and wanted to minimize breaking changes.

    Additional context

    None at this time.

    opened by bjnewman 3
  • feat: convert packages to typescript

    feat: convert packages to typescript

    This PR is for converting the "low-hanging-fruit" packages to TypeScript

    (low-hanging-fruit in this context means packages with few components and/or simple logic)

    • [x] analytics
    • [x] app-icon
    • [x] avatar
    • [x] breadcrumbs
    • [ ] form
    • [x] help
    • [ ] hooks
    • [x] icon
    • [x] link
    • [x] list-group
    • [x] list-group-item
    • [ ] page-header
    • [ ] payer-logo
    • [ ] phone
    • [x] progress
    • [x] step-wizard
    • [x] training-link
    • [x] typography

    Other updates

    • added ignore for stories to jest coverage
    • add .ts files to jest transform
    • update lerna to ignore stories for version updates
    • random prettier formatting on files missing it
    opened by jordan-a-young 4
  • feat(spaces): initial SpacesLink update commit

    feat(spaces): initial SpacesLink update commit

    • [ ] fix merge conflicts
    • [ ] add docs
    • [ ] fix PageHeader payerId logic
      • [ ] outline potential breaking changes to payerId logic, but explain why current payerId logic in Spaces is broken
    • [ ] fix topApps
    opened by chrishavekost 0
  • build(deps): bump @docusaurus/core from 2.0.0-alpha.70 to 2.0.0-beta.9

    build(deps): bump @docusaurus/core from 2.0.0-alpha.70 to 2.0.0-beta.9

    Bumps @docusaurus/core from 2.0.0-alpha.70 to 2.0.0-beta.9.

    Release notes

    Sourced from @‚Äčdocusaurus/core's releases.

    2.0.0-beta.9 (2021-11-02)

    :rocket: New Feature

    • docusaurus-theme-classic, docusaurus-theme-common
    • docusaurus-types, docusaurus
      • #5841 feat: allow user to specify deploymentBranch property in docusaurus.config.js (@‚Äčwpyoga)
    • docusaurus-theme-classic, docusaurus-theme-common, docusaurus-theme-search-algolia
      • #5795 feat(search-algolia): algolia externalUrl regex to navigate with window.href (@‚Äčsemoal)
    • docusaurus-mdx-loader, docusaurus-plugin-content-blog, docusaurus-plugin-content-docs, docusaurus-plugin-content-pages, docusaurus-plugin-ideal-image, docusaurus-plugin-pwa, docusaurus-types, docusaurus
    • docusaurus-theme-classic

    :boom: Breaking Change

    • create-docusaurus, docusaurus-mdx-loader, docusaurus-migrate, docusaurus-plugin-client-redirects, docusaurus-plugin-content-blog, docusaurus-plugin-content-docs, docusaurus-plugin-content-pages, docusaurus-plugin-debug, docusaurus-plugin-google-analytics, docusaurus-plugin-google-gtag, docusaurus-plugin-ideal-image, docusaurus-plugin-sitemap, docusaurus-preset-classic, docusaurus-remark-plugin-npm2yarn, docusaurus-theme-classic, docusaurus-theme-common, docusaurus-theme-live-codeblock, docusaurus-theme-search-algolia, docusaurus-utils-common, docusaurus-utils-validation, docusaurus-utils, docusaurus, lqip-loader

    :bug: Bug Fix

    :nail_care: Polish

    • docusaurus-preset-classic
    • docusaurus
    • docusaurus-theme-classic, docusaurus-theme-common, docusaurus-utils, docusaurus
    • docusaurus-theme-classic

    :memo: Documentation

    ... (truncated)

    Changelog

    Sourced from @‚Äčdocusaurus/core's changelog.

    2.0.0-beta.9 (2021-11-02)

    :rocket: New Feature

    • docusaurus-theme-classic, docusaurus-theme-common
    • docusaurus-types, docusaurus
      • #5841 feat: allow user to specify deploymentBranch property in docusaurus.config.js (@‚Äčwpyoga)
    • docusaurus-theme-classic, docusaurus-theme-common, docusaurus-theme-search-algolia
      • #5795 feat(search-algolia): algolia externalUrl regex to navigate with window.href (@‚Äčsemoal)
    • docusaurus-mdx-loader, docusaurus-plugin-content-blog, docusaurus-plugin-content-docs, docusaurus-plugin-content-pages, docusaurus-plugin-ideal-image, docusaurus-plugin-pwa, docusaurus-types, docusaurus
    • docusaurus-theme-classic

    :boom: Breaking Change

    • create-docusaurus, docusaurus-mdx-loader, docusaurus-migrate, docusaurus-plugin-client-redirects, docusaurus-plugin-content-blog, docusaurus-plugin-content-docs, docusaurus-plugin-content-pages, docusaurus-plugin-debug, docusaurus-plugin-google-analytics, docusaurus-plugin-google-gtag, docusaurus-plugin-ideal-image, docusaurus-plugin-sitemap, docusaurus-preset-classic, docusaurus-remark-plugin-npm2yarn, docusaurus-theme-classic, docusaurus-theme-common, docusaurus-theme-live-codeblock, docusaurus-theme-search-algolia, docusaurus-utils-common, docusaurus-utils-validation, docusaurus-utils, docusaurus, lqip-loader

    :bug: Bug Fix

    :nail_care: Polish

    • docusaurus-preset-classic
    • docusaurus
    • docusaurus-theme-classic, docusaurus-theme-common, docusaurus-utils, docusaurus
    • docusaurus-theme-classic

    :memo: Documentation

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies 
    opened by dependabot[bot] 0
Releases(v1.0.0)
Owner
Availity
Availity delivers revenue cycle and related business solutions for health care professionals.
Availity
Bootstrap components built with React

React-Bootstrap Bootstrap 4 components built with React. Docs See the documentation with live editable examples and API documentation. To find the doc

react-bootstrap 20.2k Nov 23, 2021
Simple React Bootstrap 4 components

reactstrap Stateless React Components for Bootstrap 4. Getting Started Follow the create-react-app instructions to get started and then follow the rea

reactstrap 10.2k Nov 25, 2021
React 17 & Bootstrap 5 & Material Design 2.0 UI KIT

React 17 & Bootstrap 5 & Material Design 2.0 UI KIT

MDBootstrap 1.2k Nov 25, 2021
AppFolio component library for React & Bootstrap

react-gears react-gears is a React implementation of Appfolio UI components, using React, Bootstrap 4, and reactstrap.

AppFolio 9 Nov 13, 2021
dataminr-react-components - Collection of reusable React Components and utility functions.

react-components A collection of reusable React components with their own Flux lifecycle. What's inside react-components? Table Component From a simpl

Dataminr 262 Oct 30, 2021
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

Fluent UI Web Fluent UI web represents a collection of utilities, React components, and web components for building web applications. This repo is hom

Microsoft 12.5k Nov 24, 2021
ūüß© Medly components provides numerous themable react components, each with multiple varitaions of sizes, colors, position etc.

?? Medly components provides numerous themable react components, each with multiple varitaions of sizes, colors, position etc.

Medly 53 Nov 30, 2021
VechaiUI ‚Äď React components with built-in dark mode using Tailwind CSS

Collection of accessible React UI components with the built-in dark theme using Tailwind CSS. Pre-designed headless ui and radix-ui.

null 668 Nov 27, 2021
Mantine is a MIT licensed open source react components and hooks library with focus on usability, accessibility and developer experience.

React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience

Mantine 3.1k Nov 27, 2021
ClearX is an alternative way to Redux and MobX to maintain the application state and provides a simple interface to bind it to UI components

ClearX is an alternative way to Redux and MobX to maintain the application state and provides a simple interface to bind it to UI components. It has utilities to set or get deep properties of nested data using paths.

Autodesk 18 Nov 10, 2021
React UI Components for macOS High Sierra and Windows 10

React UI Components for macOS High Sierra and Windows 10. npm install react-desktop --save Help wanted! I am looking for developers to help me develop

Gabriel Bull 9.3k Nov 21, 2021
React components and demo for the Tabler UI theme.

Update - June 2019: Version 2 Alpha now available on NPM: npm install [email protected] yarn add [email protected] Check out the latest progress and

Tabler 1.8k Nov 24, 2021
React components for easier customization and smooth development flow.

Sha-el-design React components for easier customization and smooth development flow. ?? Features ?? Material inspired design. ?? A complete package of

null 29 Nov 21, 2021
An opinionated UI Workbench featuring tools like react, styled components, typescript, webpack, jest and storybook all bundled into an easy to use interface

An opinionated UI Workbench featuring tools like react, styled components, typescript, webpack, jest and storybook all bundled into an easy to use interface

Alex Wright 16 Nov 2, 2021
Opinionated React UI library, built with styled-components and TypeScript.

Opinionated React UI library, built with styled-components and TypeScript.

Lapidist 0 Nov 22, 2021
A set of React components and hooks used to build pages on Wakanda's apps

Wakanda UIkit is a set of React components and hooks used to build pages on Wakanda's apps. It also contains a theme file for dark and light mode.

wakandaswap 0 Nov 17, 2021
A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design

react-admin A frontend Framework for building data-driven applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Materi

marmelab 18.4k Dec 2, 2021
‚ö°ÔłŹ Simple, Modular & Accessible UI Components for your React Applications

Build Accessible React Apps with Speed ‚ö°ÔłŹ Chakra UI provides a set of accessible, reusable, and composable React components that make it super easy to

Chakra UI 22.3k Nov 26, 2021
:atom_symbol: React primitive UI components built with styled-system.

Rebass React primitive UI components built with Styled System. https://rebassjs.org npm i rebass Getting Started import React from 'react' import { Bo

Rebass 7.6k Nov 28, 2021