shiny.semantic
shiny.semantic copied to clipboard
Labeled inputs - ability to set label's position (left or right)
Could we allow user to set the label's position easily - so it can be set either on the left or right side of the actual input? I found it hard to customize in css using input's selector. Additionally, I didn't find fomantic class allowing to reverse the order, so maybe adding this functionality could help shiny.semantic to stand out more comparing to our competition?
On that, I also noticed a small inconsistency. Some of our components have label inside their semantic version, some only in shiny version. I think we should keep that consistent, eg. shiny-like function have label, similarly to their shiny equvalent, whereas semantic do not, allowing for greater flexibility like you mentioned above, eg. positioning label however you like.
The task consists of a few steps:
-
normalise how the label is added between the various inputs that use it (note that eg. label of a button it is what is displayed on the button, here we speak about the label that is around the actual input, eg. text above);
-
come up with a solution to customise the label, eg. look at the Fomantic options here: https://fomantic-ui.com/elements/label.html. One idea is to insert default label when only text provided (eg.
label = "My Label"
) and insert customised label when a list (label = list(content = "My Label", position = "top", ...)
)