Add custom class or id as a prop to be able to overwrite styles in CSS

[tapnicom]

No description provided.

[tapnicom]

We are only able to define global CSS overwrites when we remove scope from <style>
Example:

.bottom-sheet__content { background: #f4f4f4 !important; }

but this will apply to all instances.

we would need a prop "id" to be able to target each sheet instance specifically.
For example:
#modal1 .bottom-sheet__content { background: #f4f4f4 !important; }
if we pass a prop <vue-bottom-sheet id="modal1" ref="modal1"