@xui/button-group
TypeScript icon, indicating that this package has built-in type declarations

2.0.0-alpha.8 • Public • Published

xUI


Build Status Demo npm License Netlify Status

xUI is a customizable Angular 20 UI Library with full support of TailwindCSS styling based on popular React library ShardCN and its Angular alternative SpartanUI.

Features

  • 35+ High-Quality Angular Components: Ready to use out of the box.
  • Powerful Theme Customization: Detailed customization options with default themes.
  • High Performance: Supports Zoneless, OnPush mode, and Signals for optimized performance.
  • Accessibility: Supports WCAG 2.0 standards.
  • Powerful Theme Customization: Install each visual component and customize it according your needs
  • TypeScript: Written with predictable static types.

Table of Contents

Packages

Package Usage Description
Core Downloads
Monthly Downloads
npm bundle size (minified + gzip)
Core package required by all other packages
Badge Downloads
Monthly Downloads
npm bundle size (minified + gzip)
Badge component
Breadcrumb Downloads
Monthly Downloads
npm bundle size (minified + gzip)
Breadcrumb component
Button Downloads
Monthly Downloads
npm bundle size (minified + gzip)
Button component
Button Group Downloads
Monthly Downloads
npm bundle size (minified + gzip)
Button Group component
Checkbox Downloads
Monthly Downloads
npm bundle size (minified + gzip)
Checkbox component
Form Field Downloads
Monthly Downloads
npm bundle size (minified + gzip)
Form Field component
Icon Downloads
Monthly Downloads
npm bundle size (minified + gzip)
Icon component
Input Downloads
Monthly Downloads
npm bundle size (minified + gzip)
Input component
Label Downloads
Monthly Downloads
npm bundle size (minified + gzip)
Label component
Skeleton Downloads
Monthly Downloads
npm bundle size (minified + gzip)
Skeleton component
Sonner Downloads
Monthly Downloads
npm bundle size (minified + gzip)
Sonner component
Status Downloads
Monthly Downloads
npm bundle size (minified + gzip)
Status component
Table Downloads
Monthly Downloads
npm bundle size (minified + gzip)
Table component

Installation

Install package with PNPM

pnpm i @xui/core ....

Browser Support

xUI Supports most recent browsers according to Angular support.

Development

The project uses NX and Angular to build the package.

To start docs page use

pnpm start

To start storybook use

pnpm storybook

Issues

If you find any issues in the library or have and idea for an improvement feel free to open an issue.

Roadmap

  • [ ] Accordion
  • [ ] Alert
  • [ ] Alert Dialog
  • [ ] Avatar
  • [ ] Calendar
  • [ ] Card
  • [ ] Carousel
  • [ ] Collapsible
  • [ ] Combobox
  • [ ] Command
  • [ ] Date Picker
  • [ ] Date Range Picker
  • [ ] Dialog
  • [ ] Hover Card
  • [ ] Menu
  • [ ] Pagination
  • [ ] Popover
  • [ ] Progress
  • [ ] Radio Group
  • [ ] Scroll Area
  • [ ] Select
  • [ ] Separator
  • [ ] Sheet
  • [ ] Slider
  • [ ] Spinner
  • [ ] Switch
  • [ ] Tabs
  • [ ] Toggle
  • [ ] Tooltip
  • [ ] Typography
  • [ ] Input OTP
  • [ ] Toggle Group

Additional

  • [ ] Decagram
  • [ ] Settings
  • [ ] Drawer
  • [ ] Panel Bar
  • [ ] Textarea
  • [ ] Time Picker
  • [ ] Image Upload
  • [ ] Banner
  • [ ] Snack bar

Opinionated "components"

  • [ ] Graph View (Nodes)
  • [ ] Analysis
  • [ ] Charts (NG Charts?)

CLI

Make cli to install the components

TODO

  • Button

    • Icon
    • Shine
  • Breadcrumb

    • fix styling issues
    • on hover stuff
    • data driven component
  • Sonner

    • Colors
  • adjust generator to generate stories into the apps/storybook

Package Sidebar

Install

npm i @xui/button-group

Homepage

xuijs.org

Weekly Downloads

4

Version

2.0.0-alpha.8

License

MIT

Unpacked Size

22.5 kB

Total Files

5

Last publish

Collaborators

  • rikarin