7.6.7 • Published 2 years ago

@micahjones13/react v7.6.7

Weekly downloads
-
License
-
Repository
github
Last release
2 years ago

Installation

npm i @astrouxds/react

Import and Usage

First, import the css into either your index.js, app.js, or any CSS file you would like.

import '@astrouxds/astro-web-components/dist/astro-web-components/astro-web-components.css'

Next, Import any desired Astro components the same way you would any other React component.

import { RuxProgress } from '@astrouxds/react

You can now use astro-components as regular React components.

import React from 'react';

const MyComp = () => {
    return (
        <div>
            <RuxProgress />
        </div>
    )
}

export default MyComp;

Astro Stencil Components Docs

Docs for all components can be found at our Astro Stencil Storybook, and in our web-components package

Known Issues

  • CSS custom properties for our react-wrapped components are undefined out of the box, thus the necessity for the CSS import.
  • For using checkbox, push button, or switch onRuxchange events, you need to check for the checked prop:
            <RuxSwitch
          value="switch"
          onRuxchange={(e: React.ChangeEvent<HTMLRuxSwitchElement>) =>
            setSwitchVal(e.target.checked ? e.target.value : "")
          }
        />
7.6.1

2 years ago

7.6.0

2 years ago

7.6.6

2 years ago

7.6.3

2 years ago

7.6.7

2 years ago

7.0.0-rc.1

3 years ago

6.0.6

3 years ago

8.0.1

3 years ago

8.0.3

3 years ago

8.0.2

3 years ago

6.0.5

3 years ago

8.0.0

4 years ago

6.1.0

4 years ago

6.0.8

4 years ago

6.0.4

4 years ago