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