Skip to content
/ base-ui Public

A React Component library with completely unstyled, fully accessible UI components.

Notifications You must be signed in to change notification settings

nixjs/base-ui

Repository files navigation

baseui

BaseUI

A React Component library with completely unstyled, fully accessible UI components.

Install

  1. 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]
  1. Setup: You need to set up the CssBase at the root of your application.
import '@nixjs23n6/baseui-core/lib/css/index.min.css'
  1. 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>
    )
}

Documentation

Visit Website to view the full documentation or https://github.com/nixjs/base-ui/tree/main/packages/website

About

A React Component library with completely unstyled, fully accessible UI components.

Resources

Stars

Watchers

Forks

Languages