A React Component library with completely unstyled, fully accessible UI components.
- Install these dependencies:
yarn add @nixjs23n6/baseui-core @nixjs23n6/baseui-[COMPONENT] // or npm install @nixjs23n6/baseui-core @nixjs23n6/baseui-[COMPONENT] //or pnpm install @nixjs23n6/baseui-core @nixjs23n6/baseui-[COMPONENT]- Setup: You need to set up the CssBase at the root of your application.
import '@nixjs23n6/baseui-core/lib/css/index.min.css'- Using components: import components if you need. E.g.
import { Button } from '@nixjs23n6/baseui-button' import { Spinner } from '@nixjs23n6/baseui-spinner' export const Default: React.FC = () => { return ( <div className="container-box"> <Button type="button" variant="primary" size="md"> Primary </Button> <br /> <br /> <Button href="demo" as="a" variant="link" size="md"> Button with a tag </Button> <br /> <br /> <Button as="span" role="button" variant="link" size="md"> Button with span tag </Button> <br/> <br/> <Button type="button" variant="primary" size="xs" isLoading spinnerLoading={<Spinner size="xs" content="loader-1" />}> Loading </Button> </div> ) }Visit Website to view the full documentation or https://github.com/nixjs/base-ui/tree/main/packages/website