LMFeedCreatePollDialog
LMFeedCreatePollDialog renders the poll creation interface, allowing users to create polls with multiple options and duration settings. It handles poll question input, option management, and submission.
CSS Classnames
| Classname | Description |
|---|---|
| poll-creation-textarea poll-question-custom-style | Text area styling for poll question |
| poll-advanced-option-parent poll-advance-options-text-custom-style | Container for advanced poll options |
| poll-expires-heading | Heading text for poll expiration |
| custom-select-text | Custom select dropdown styling |
| lm-poll-creation-body | Main body container for poll creation |
| poll-advanced-option-toggle | Toggle button for advanced options |
| poll-advanced-option-text | Text styling for advanced options |
| poll-create-button-parent | Container for poll creation button |
| add-more-text | Text styling for add more option |
| poll-advanced-select-option-label | Label styling for advanced select options |
| lm-feed-create-post-wrapper__dialog-heading | Dialog header text styling |
| poll-advace-option-switch-custom-style | Custom styling for option switches |
| poll-advanced-switch-option | Switch option styling |
| poll-advanced-options-container | Container for advanced options |
| poll-advanced-select-option | Select option styling |
| cancelIcon | Close button icon styling |
| poll-options-container | Container for poll options |
| poll-option-wrapper | Wrapper for individual poll options |
| poll-expiry-field poll-expiry-time-custom-style | Expiry time field styling |
| custom-select-text poll-dropdown-menu-custom-style | Custom dropdown menu styling |
| poll-options-head-text | Heading text for poll options |
| poll-advanced-select-option-position | Position styling for advanced select options |
| poll-option-add-more-icon | Icon for adding more options |
| lm-feed-create-post-wrapper | Main wrapper for poll creation dialog |
| poll-option-text-input poll-options-custom-style | Text input styling for poll options |
| poll-option-add-more | Add more option button styling |
| poll-option-remove lm-cursor-pointer | Remove option button with hover effect |
Example
To customise the component with their classnames, open your base CSS file and override the styles using the classname:
.poll-creation-textarea poll-question-custom-style {
font-size: 18px;
color: "red";
}
Reference
For reference, check out this file