0.2.201 • Published 6 months ago

@mhmo91/schmancy v0.2.201

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
6 months ago

Schmancy UI Library

Schmancy is a UI library built as web components, designed to provide a collection of reusable and customizable UI elements for modern web applications. It offers an uncomplicated implementation of Material Design 3 (M3), with minor deviations, utilizing lit.dev and Tailwind CSS, and employs Vite as the build process.

Features

  • Web Components: Built using the Web Components standard, ensuring encapsulation and reusability across different projects.
  • Material Design 3: Adheres to M3 guidelines, providing a modern and cohesive design language.
  • Customizable: Easily style and configure components to match your application's design requirements.
  • Lightweight: Minimal dependencies to keep your application performant.

Installation

To install Schmancy use yarn:

yarn add @mhmo91/schmancy

use npm:

npm install @mhmo91/schmancy

Alternatively, if you're using Yarn:

yarn add @mhmo91/schmancy

Usage

After installation, you can import and use Schmancy components in your project.

Importing All Components

To import all components:

import '@mhmo91/schmancy'

This will make all Schmancy components available for use in your application.

Importing Individual Components

To import a specific component, such as the schmancy-button:

import '@mhmo91/schmancy/button'

This will load only the schmancy-button component, which can be used as follows:

<schmancy-button>Click Me</schmancy-button>

Note: Replace 'button' with the desired component name to import other components individually.

Documentation

For detailed documentation and examples, please visit the Schmancy Wiki.

Below is a table linking to each component’s documentation on the GitHub Wiki:

ComponentDescriptionDocumentation
schmancy-areaArea componentWiki - schmancy-area
schmancy-typewriterTypewriter componentWiki - schmancy-area
schmancy-autocompleteAutocomplete fieldWiki - schmancy-autocomplete
schmancy-busyLoading/busy indicatorWiki - schmancy-busy
schmancy-buttonCustomizable buttonWiki - schmancy-button
schmancy-cardCard for content displayWiki - schmancy-card
schmancy-checkboxCheckbox componentWiki - schmancy-checkbox
schmancy-chipsChips for display or selectionWiki - schmancy-chips
schmancy-content-drawerCollapsible drawer componentWiki - schmancy-content-drawer
schmancy-dividerDivider for separating sectionsWiki - schmancy-divider
schmancy-formForm componentWiki - schmancy-form
schmancy-iconsIcon setWiki - schmancy-icons
schmancy-inputInput field componentWiki - schmancy-input
schmancy-layoutLayout utilityWiki - schmancy-layout
schmancy-listList componentWiki - schmancy-list
schmancy-menuMenu componentWiki - schmancy-menu
schmancy-nav-drawerNavigation drawerWiki - schmancy-nav-drawer
schmancy-notificationNotification componentWiki - schmancy-notification
schmancy-optionOption selectorWiki - schmancy-option
schmancy-radio-groupRadio button groupWiki - schmancy-radio-group
schmancy-selectSelect dropdownWiki - schmancy-select
schmancy-sheetSheet componentWiki - schmancy-sheet
schmancy-surfaceSurface elementWiki - schmancy-surface
schmancy-tableTable componentWiki - schmancy-table
schmancy-tabsTabbed navigationWiki - schmancy-tabs
0.2.201

6 months ago

0.2.200

6 months ago

0.2.199

6 months ago

0.2.198

6 months ago

0.2.197

6 months ago

0.2.196

6 months ago

0.2.195

6 months ago

0.2.194

7 months ago

0.2.193

7 months ago

0.2.192

7 months ago

0.2.191

7 months ago

0.2.190

7 months ago

0.2.189

7 months ago

0.2.188

7 months ago

0.2.187

7 months ago

0.2.186

7 months ago

0.2.185

7 months ago

0.2.184

7 months ago

0.2.183

7 months ago

0.2.179

7 months ago

0.2.178

7 months ago

0.2.177

7 months ago

0.2.176

7 months ago

0.2.175

7 months ago

0.2.174

7 months ago

0.2.173

7 months ago

0.2.172

7 months ago

0.2.171

7 months ago

0.2.170

7 months ago

0.2.169

7 months ago

0.2.168

7 months ago

0.2.167

7 months ago

0.2.166

7 months ago

0.2.165

7 months ago

0.2.162

7 months ago

0.2.161

7 months ago

0.2.160

7 months ago

0.2.159

7 months ago

0.2.158

7 months ago

0.2.157

7 months ago

0.2.156

8 months ago

0.2.155

8 months ago

0.2.154

8 months ago

0.2.153

8 months ago

0.2.150

8 months ago

0.2.149

8 months ago

0.2.148

8 months ago

0.2.147

8 months ago

0.2.146

8 months ago

0.2.145

8 months ago

0.2.144

8 months ago

0.2.143

8 months ago

0.2.142

8 months ago

0.2.140

8 months ago

0.2.139

8 months ago

0.2.138

8 months ago

0.2.137

8 months ago

0.2.136

8 months ago

0.2.135

8 months ago

0.2.134

8 months ago

0.2.133

8 months ago

0.2.132

9 months ago

0.2.131

9 months ago

0.2.130

9 months ago

0.2.129

9 months ago

0.2.128

9 months ago

0.2.127

9 months ago

0.2.126

9 months ago

0.2.125

9 months ago

0.2.124

9 months ago

0.2.123

9 months ago

0.2.122

9 months ago

0.2.121

9 months ago

0.2.120

9 months ago

0.2.118

9 months ago

0.2.117

9 months ago

0.2.116

9 months ago

0.2.115

9 months ago

0.2.114

9 months ago

0.2.113

9 months ago

0.2.112

9 months ago

0.2.111

9 months ago

0.2.110

9 months ago

0.2.109

9 months ago

0.2.108

9 months ago

0.2.107

9 months ago

0.2.106

9 months ago

0.2.105

9 months ago

0.2.104

9 months ago

0.2.103

9 months ago

0.2.102

9 months ago

0.2.101

9 months ago

0.2.100

9 months ago

0.2.99

9 months ago

0.2.98

9 months ago

0.2.97

9 months ago

0.2.96

9 months ago

0.2.94

9 months ago

0.2.92

9 months ago

0.2.90

9 months ago

0.2.88

9 months ago

0.2.87

9 months ago

0.2.86

9 months ago

0.2.85

9 months ago

0.2.84

9 months ago

0.2.83

9 months ago

0.2.82

9 months ago

0.2.81

9 months ago

0.2.80

9 months ago

0.2.79

9 months ago

0.2.78

9 months ago

0.2.77

9 months ago

0.2.76

9 months ago

0.2.75

9 months ago

0.2.74

9 months ago

0.2.72

9 months ago

0.2.71

9 months ago

0.2.70

9 months ago

0.2.65

9 months ago

0.2.64

9 months ago

0.2.61

9 months ago

0.2.60

9 months ago

0.2.59

10 months ago

0.2.58

10 months ago

0.2.57

10 months ago

0.2.56

10 months ago

0.2.54

10 months ago

0.2.53

10 months ago

0.2.52

10 months ago

0.2.51

10 months ago

0.2.50

10 months ago

0.2.48

10 months ago

0.2.47

10 months ago

0.2.46

10 months ago

0.2.45

10 months ago

0.2.44

10 months ago

0.2.43

10 months ago

0.2.42

10 months ago

0.2.41

10 months ago

0.2.40

10 months ago

0.2.39

10 months ago

0.2.38

10 months ago

0.2.37

10 months ago

0.2.36

10 months ago

0.2.35

10 months ago

0.2.34

10 months ago

0.2.33

10 months ago

0.2.32

10 months ago

0.2.31

10 months ago

0.2.30

10 months ago

0.2.29

10 months ago

0.2.28

10 months ago

0.2.27

10 months ago

0.2.26

10 months ago

0.2.23

10 months ago

0.2.22

10 months ago

0.2.21

10 months ago

0.2.20

10 months ago

0.2.19

10 months ago

0.2.18

10 months ago

0.2.17

10 months ago

0.2.16

10 months ago

0.2.15

10 months ago

0.2.14

10 months ago

0.2.13

10 months ago

0.2.12

10 months ago

0.2.10

10 months ago

0.2.9

10 months ago

0.2.8

10 months ago

0.2.7

10 months ago

0.2.6

10 months ago

0.2.5

10 months ago

0.2.3

10 months ago

0.2.2

10 months ago

0.2.1

10 months ago

0.2.0

10 months ago

0.1.4

10 months ago

0.1.3

10 months ago

0.1.2

10 months ago

0.1.1

10 months ago

0.1.0

10 months ago

0.0.293

10 months ago

0.0.292

10 months ago

0.0.291

10 months ago

0.0.290

11 months ago

0.0.289

11 months ago

0.0.288

11 months ago

0.0.287

11 months ago

0.0.285

11 months ago

0.0.283

11 months ago

0.0.282

11 months ago

0.0.281

11 months ago

0.0.280

11 months ago

0.0.279

11 months ago

0.0.278

11 months ago

0.0.277

11 months ago

0.0.275

12 months ago

0.0.274

1 year ago

0.0.273

1 year ago

0.0.272

1 year ago

0.0.271

1 year ago