pepeeltoro41 / ui-labs Goto Github PK

Great plugin. It's much better than the flipbook one, but it has some issues and possible additions that could be nice.

Issues

• There is no output when an error happens in the rendering. I have no idea what is going on because of that.
• I have an "Actions" button in the top toolbar, but it does nothing.
• If I move the viewport on one story, it also moves it on other stories. It should save a position for each story individually.
• Holding shift to resize seems to do nothing.
• Dragging on a "Number" control seems to do nothing (yes, I have enabled it and did drag on the <> arrows)

Improvements

• Add a way to reset the story viewport position without restarting the plugin.
• Add a reset zoom button.
• Performance measurement tool? Like Storybook has. It could be interesting.
• Make it so that I can click on the arrows for number controls to increment or decrement (this might be an error; I would assume it should already do that)

See title.

Is there a way for zIndex behavior to change via global vs sibling? Currently children is always on top regardless of zIndex settings. Is there a way to change from sibling to global without creating a snapshot and toggling it there?

what i mean with being able to change it

Hello! I want to add controls to my codebase, which does not use a UI library like React or Roact.
I use Horacekat as stories at the moment and want to move over, however functional stories with controls only error.
Example:

local controls = {
	text = "Functional Story",
}

return {
	summary = "This story uses a function with a cleanup callback to create and mount the gui elements. This works similarly to Hoarcekat stories but also supports controls and other metadata. Check out the source to learn more",
	controls = controls,
	story = function(parent, props)
		local label = Instance.new("TextLabel")
		label.Text = props and props.controls and props.controls.text or "Text unknown"
		label.Font = Enum.Font.Gotham
		label.TextColor3 = Color3.fromRGB(0, 0, 0)
		label.BackgroundColor3 = Color3.fromRGB(255, 255, 255)
		label.TextSize = 16
		label.AutomaticSize = Enum.AutomaticSize.XY

		local padding = Instance.new("UIPadding")
		padding.PaddingTop = UDim.new(0, 8)
		padding.PaddingRight = padding.PaddingTop
		padding.PaddingBottom = padding.PaddingTop
		padding.PaddingLeft = padding.PaddingTop
		padding.Parent = label

		label.Parent = parent

		return function()
			label:Destroy()
		end
	end,
}