svelte-element-ui

KO | EN

gitlite — search

#python #hacktoberfest #react #typescript #machine-learning #rust #linux #docker #macos #awesome-list #mcp #ios #openai #open-source

svelte-element-ui

(★ 10)

No description available.

svelte-element-ui Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![npm-publish](https://github.com/koory1st/svelte-element-ui/workflows/npm-publish/badge.svg)

## What is svelte-element-ui?

svelte-element-ui is a element-ui component library base on Svelte.

[Documentation](https://koory1st.github.io/svelte-element-ui)

## Install

1. Install from npm.

```bash
npm install svelte-element-ui
```

2. import the css in svelte file.

```html
<script lang="ts">
  import 'svelte-element-ui/dist/style.css'
  import { SeuAside, SeuButton } from 'svelte-element-ui'
</script>

<SeuAside />
<SeuButton>123</SeuButton>
```

To enable the style effective, [rollup-plugin-css-only](https://www.npmjs.com/package/rollup-plugin-css-only) is needed to add in the **rollup.config.js** as a plugin.

```js
import css from 'rollup-plugin-css-only';

export default {
  ...
  plugins: [
    ...
      css({ output: 'bundle.css' }),
    ...
  ]
  ...
}
```

## Example

Edit the file src/App.svelte, and import the component in examples path like this.

```html
<script lang="ts">
  import Menu from '../examples/menu/App.svelte'
</script>

<Menu />
```

then, execute the **dev** command.

```bash
npm run dev
```

## Development

### Running Tests

```bash
npm run test
```

## License

[MIT](LICENSE)

svelte-element-ui

svelte-element-ui Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

svelte-element-ui

svelte-element-ui Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README