2024-03-27 13:57:02 +01:00
|
|
|
# Penpot plugin-styles
|
2024-02-07 07:59:58 +01:00
|
|
|
|
2024-03-27 13:57:02 +01:00
|
|
|
This plugin contains a CSS file to help build the UI for Penpot plugins.
|
2024-02-07 07:59:58 +01:00
|
|
|
|
2024-03-27 13:57:02 +01:00
|
|
|
### Getting started
|
2024-02-07 07:59:58 +01:00
|
|
|
|
2024-03-27 13:57:02 +01:00
|
|
|
Install the package:
|
2024-02-07 07:59:58 +01:00
|
|
|
|
2024-03-27 13:57:02 +01:00
|
|
|
```bash
|
|
|
|
|
npm install @penpot/plugin-styles
|
|
|
|
|
```
|
2024-02-07 07:59:58 +01:00
|
|
|
|
2024-06-10 11:50:38 +02:00
|
|
|
Import the CSS file into your project:
|
|
|
|
|
|
2024-03-27 13:57:02 +01:00
|
|
|
```css
|
|
|
|
|
@import '@penpot/plugin-styles/styles.css';
|
|
|
|
|
```
|
2024-06-10 11:50:38 +02:00
|
|
|
|
|
|
|
|
### Usage
|
|
|
|
|
|
|
|
|
|
For detailed examples and to see how to use the styles and components, visit the documentation at:
|
|
|
|
|
|
2024-07-31 12:45:46 +02:00
|
|
|
[Penpot Plugin Styles Documentation](https://penpot-plugins-styles.pages.dev)
|
2024-07-03 12:23:15 +02:00
|
|
|
|
|
|
|
|
#### Icons
|
|
|
|
|
|
|
|
|
|
We recommend using Feather icons for Penpot plugins to ensure consistency with Penpot's design.
|
|
|
|
|
|
|
|
|
|
You can find Feather icons at: [Feather Icons](https://feathericons.com/)
|
