New
Styling Addon: configure styles and themes in StorybookAutomate with Chromatic
Storybook Day 2023
Star77,670
Back to integrations
Add your integration
Categories
  • ⭐️ Popular
  • 🧩 Essentials
  • 🛠 Code
  • ⚡️ Data & state
  • ✅ Test
  • 💅 Style
  • 🎨 Design
  • ⚙️ Appearance
  • 🗄 Organize
How to install addons Create an addon
@synbee-webcomponents/sw-addon-reminder
sw-addon-reminder is a web-component from Synbee Webcomponents Library, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.
npm install @synbee-webcomponents/sw-addon-reminder
Last updated 17 days ago
64
Downloads per week
Readme View on GitHub

sw-addon-reminder

Properties

Property Attribute Description Type Default
baseUrl base-url string 'https://app.dev.synbee.it'
deleteSub delete-sub boolean false
doneFlag done-flag boolean undefined
idPluginAction id-plugin-action number 9
idPluginActionExternal id-plugin-action-external number 22
reminderInfoDTO -- ReminderInfoDTO undefined
state state string ''
taskId task-id number 722
userInfo -- AuthorStencilDTO {name: 'Nome', surname:'Cognome', date:'creato oggi', image:'assets/img/user.svg'}

Events

Event Description Type
collapseReminder CustomEvent<boolean>
deleteAddonReminderEmitter CustomEvent<boolean>
editOutputDataEmitter CustomEvent<any>
outputDataEmitter CustomEvent<any>
reminderDoneSetter CustomEvent<boolean>
undoReminderOutEmitter CustomEvent<boolean>

Dependencies

Used by

Depends on

Graph

graph TD;
  sw-addon-reminder --> sw-addon-reminder-header
  sw-addon-reminder --> sw-addon-reminder-body
  sw-addon-reminder --> sw-addon-reminder-footer
  sw-addon-reminder --> sw-badge-error
  sw-addon-reminder-header --> sw-searchbox
  sw-addon-reminder-header --> sw-options-menu
  sw-searchbox --> sw-obligatory-field
  sw-addon-reminder-body --> sw-description-input
  sw-addon-reminder-body --> sw-input-select
  sw-description-input --> sw-obligatory-field
  sw-addon-reminder-footer --> sw-input-button
  sw-addon-reminder-footer --> mds-avatar
  mds-avatar --> mds-text
  mds-avatar --> mds-img
  sw-content-wrapper --> sw-addon-reminder
  style sw-addon-reminder fill:#f9f,stroke:#333,stroke-width:4px

Built with love!

Join the community
6,060 developers and counting
WhyWhy StorybookComponent-driven UI
Open source software
Storybook

Maintained by
Chromatic
Special thanks to Netlify and CircleCI