1.0.113 • Published 10 months ago

@ikonintegration/ui v1.0.113

Weekly downloads
-
License
MIT
Repository
-
Last release
10 months ago

@ikonintegration/ui

Welcome to @ikonintegration/ui – a stylish and customizable UI package for React that simplifies your frontend development. This package provides ready-to-use styles and components to kickstart your React projects. Follow the steps below to get started quickly.

Installation

To use @ikonintegration/ui in your React app, you need to install the package and import the main styles.

Install the package

npm install @ikonintegration/ui
# or
yarn add @ikonintegration/ui

Import styles

In your app entrypoint (usually src/main.tsx), import the @ikonintegration/ui styles:

import '@ikonintegration/ui/styles.css';

Integrate with Tailwind CSS

If your app is using Tailwind CSS, you can integrate IKUI with your Tailwind configuration so your app will be able to use IKUI colors and other configurations:

import { ikuiTwPlugin } from '@ikonintegration/ui';
import type { Config } from 'tailwindcss';

export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  corePlugins: {
    // As IKUI already provides preflight styles,
    // you should turn off your app's preflight to avoid conflicts
    preflight: false,
  },
  plugins: [ikuiTwPlugin],
} satisfies Config;

Now you should be able to use IKUI classes directly in your app:

<div className="border">
  <span className="text-foreground">Hey!</span>
</div>

Usage

With @ikonintegration/ui integrated into your project, you can start using the predefined React components right away.

import { Button } from '@ikonintegration/ui';

export function MyComponent() {
  return (
    <div>
      <Button onClick={() => console.log('Button clicked')}>
        Click me
      </Button>
    </div>
  );
}

Customization

@ikonintegration/ui is designed to be flexible and customizable to fit the unique styles of your React project. Feel free to override the styles, modify the components, or use the provided utility classes to achieve your desired look and feel.

@ariakit/react@heroicons/react@hookform/resolvers@radix-ui/react-avatar@radix-ui/react-checkbox@radix-ui/react-collapsible@radix-ui/react-dialog@radix-ui/react-dropdown-menu@radix-ui/react-hover-card@radix-ui/react-label@radix-ui/react-popover@radix-ui/react-radio-group@radix-ui/react-select@radix-ui/react-separator@radix-ui/react-slot@radix-ui/react-switch@radix-ui/react-tabs@radix-ui/react-tooltip@tanstack/react-tableclass-variance-authorityclsxcmdkdate-fnsinstalllucide-reactmatch-sorternext-themesnpmreact-currency-input-fieldreact-currency-maskreact-day-pickerreact-dropzonereact-hook-formreact-input-maskreact-number-formatreact-resizable-panelssonnertailwind-mergevaulzod
1.0.113-beta

10 months ago

1.0.113-beta-5

10 months ago

1.0.113-beta-4

10 months ago

1.0.113-beta-1

10 months ago

1.0.112

10 months ago

1.0.113

10 months ago

1.0.109-alfa-b

10 months ago

1.0.109-alfa-a

10 months ago

1.0.111

10 months ago

1.0.109

10 months ago

1.0.110

10 months ago

1.0.105-beta

10 months ago

1.0.107

10 months ago

1.0.106

10 months ago

1.0.108

10 months ago

1.0.105-beta-10

10 months ago

1.0.105-beta-11

10 months ago

1.0.105-beta-12

10 months ago

1.0.105-beta-13

10 months ago

1.0.105-beta-9

10 months ago

1.0.105-beta-8

10 months ago

1.0.105-beta-1

10 months ago

1.0.105

10 months ago

1.0.103-f

10 months ago

1.0.104-beta

10 months ago

1.0.104

10 months ago

1.0.103-e

10 months ago

1.0.103-a

10 months ago

1.0.103-c

10 months ago

1.0.103-b

10 months ago

1.0.94-alpha-1

1 year ago

1.0.94-alpha-3

1 year ago

1.0.94-alpha-2

1 year ago

1.0.90-alpha-1

1 year ago

1.0.77-alpha-2

1 year ago

1.0.90-alpha-3

1 year ago

1.0.90-alpha-2

1 year ago

1.0.98-alpha-1

1 year ago

1.0.87-alpha

1 year ago

1.0.77

1 year ago

1.0.76

1 year ago

1.0.98-alpha-4

1 year ago

1.0.98-alpha-3

1 year ago

1.0.79

1 year ago

1.0.98-alpha-2

1 year ago

1.0.101-alpha-2

1 year ago

1.0.101-alpha-1

1 year ago

1.0.101-alpha-3

1 year ago

1.0.95-alpha-1

1 year ago

1.0.101

1 year ago

1.0.100

1 year ago

1.0.102

1 year ago

1.0.84-a-6

1 year ago

1.0.84-a-7

1 year ago

1.0.84-a-8

1 year ago

1.0.84-a-9

1 year ago

1.0.84-a-2

1 year ago

1.0.84-a-4

1 year ago

1.0.84-a-5

1 year ago

1.0.79-alpha-1

1 year ago

1.0.96-alpha-1

1 year ago

1.0.74-alpha-8

1 year ago

1.0.74-alpha-7

1 year ago

1.0.80

1 year ago

1.0.78-alpha-1

1 year ago

1.0.81

1 year ago

1.0.87

1 year ago

1.0.86

1 year ago

1.0.85

1 year ago

1.0.89

1 year ago

1.0.94-aplha

1 year ago

1.0.91

1 year ago

1.0.80-alpha-5

1 year ago

1.0.90

1 year ago

1.0.80-alpha-1

1 year ago

1.0.94

1 year ago

1.0.80-alpha-2

1 year ago

1.0.93

1 year ago

1.0.80-alpha-3

1 year ago

1.0.92

1 year ago

1.0.80-alpha-4

1 year ago

1.0.99

1 year ago

1.0.84-a-13

1 year ago

1.0.98

1 year ago

1.0.84-a-14

1 year ago

1.0.97

1 year ago

1.0.97-alpha-1

1 year ago

1.0.84-a-15

1 year ago

1.0.97-alpha-2

1 year ago

1.0.84-a-16

1 year ago

1.0.84-a-10

1 year ago

1.0.84-a-11

1 year ago

1.0.84-a-12

1 year ago

1.0.74-alpha-5

1 year ago

1.0.74-alpha-6

1 year ago

1.0.73-alpha-1

1 year ago

1.0.73

1 year ago

1.0.66

1 year ago

1.0.65

1 year ago

1.0.69

1 year ago

1.0.67

1 year ago

1.0.72

1 year ago

1.0.70-2

1 year ago

1.0.70-1

1 year ago

1.0.64

1 year ago

1.0.63

1 year ago

1.0.62

1 year ago

1.0.61

1 year ago

1.0.60

1 year ago

1.0.55

1 year ago

1.0.54

1 year ago

1.0.53

1 year ago

1.0.59

1 year ago

1.0.57

1 year ago

1.0.56

1 year ago

1.0.52

1 year ago

1.0.51

1 year ago

1.0.50

1 year ago

1.0.48

1 year ago

1.0.47

1 year ago

1.0.49

1 year ago

1.0.46

1 year ago

1.0.45

1 year ago

1.0.44

1 year ago

1.0.43

1 year ago

1.0.40

1 year ago

1.0.42

1 year ago

1.0.33

1 year ago

1.0.32

1 year ago

1.0.31

1 year ago

1.0.37

1 year ago

1.0.36

1 year ago

1.0.35

1 year ago

1.0.34

1 year ago

1.0.39

1 year ago

1.0.38

1 year ago

1.0.26

1 year ago

1.0.25

1 year ago

1.0.29

1 year ago

1.0.28

1 year ago

1.0.27

1 year ago

1.0.30

1 year ago

1.0.22

1 year ago

1.0.24

1 year ago

1.0.23

1 year ago

1.0.21

1 year ago

1.0.19

1 year ago

1.0.18

1 year ago

1.0.17

1 year ago

1.0.20

1 year ago

1.0.16

1 year ago

1.0.15

1 year ago

1.0.14

1 year ago

1.0.13

1 year ago

1.0.9

1 year ago

1.0.8

1 year ago

1.0.7

1 year ago

1.0.6

1 year ago

1.0.11

1 year ago

1.0.10

1 year ago

1.0.12

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago

0.0.31-experimental

1 year ago

0.0.30-experimental

1 year ago

1.0.4

1 year ago

0.0.33-experimental

1 year ago

0.0.32-experimental

1 year ago

1.0.3

1 year ago

0.0.25-experimental

1 year ago

0.0.24-experimental

1 year ago

0.0.22-experimental

1 year ago

0.0.23-experimental

1 year ago

0.0.26-experimental

1 year ago

0.0.29-experimental

1 year ago

0.0.28-experimental

1 year ago

0.0.27-experimental

1 year ago

0.0.20-experimental

1 year ago

0.0.21-experimental

1 year ago

0.0.17-experimental

1 year ago

0.0.19-experimental

1 year ago

0.0.18-experimental

1 year ago

0.0.3-experimental

1 year ago

0.0.14-experimental

1 year ago

0.0.15-experimental

1 year ago

0.0.11-experimental

1 year ago

0.0.8-experimental

1 year ago

0.0.12-experimental

1 year ago

0.0.13-experimental

1 year ago

0.0.4-experimental

1 year ago

0.0.10-experimental

1 year ago

0.0.7-experimental

1 year ago

0.0.6-experimental

1 year ago

0.0.5-experimental

1 year ago

0.0.2-experimental

1 year ago

0.0.1-experimental

1 year ago

0.0.0-experimental

1 year ago