Open whizkydee opened 5 years ago
Make it possible for the user to completely take control of dropd-list, dropd-item and dropd-toggle via Vue slots and a similar workaround in React, with relevant props bound to them.
dropd-list
dropd-item
dropd-toggle
<Dropd {...props}> <Dropd.List> ... <Dropd.Item> ... </Dropd.Item> </Dropd.List> <Dropd.Toggle> ... </Dropd.Toggle> </Dropd>
<dropd {...props}> <ul slot="dropd-list"> ... <li slot="dropd-item"> ... </li> </ul> <button slot="dropd-toggle"> ... </button> </dropd>
For react, a context-consumer relationship will be just fine I guess.
Make it possible for the user to completely take control of
dropd-list
,dropd-item
anddropd-toggle
via Vue slots and a similar workaround in React, with relevant props bound to them.⚒ Proposed API