Skip to content

Card

Card puts related content on a raised surface. It can have a title and a subtitle.

Usage

Call Components.Card with a scope and a table of properties:

C.Card(scope, {
    Title = "Weekly report",
    Subtitle = "Updated today",
    Children = {
        C.Text(scope, { Text = "12 new sign-ups" }),
    },
})

Properties

Name Type Required Default Description
Theme ThemeRef ❌ The contextual theme Theme to use for this component instead of the one from Theme.Provide.
LayoutOrder UsedAs<number> ❌ 0 Position in a parent UIListLayout or UIGridLayout.
Size UsedAs<UDim2> ❌ - Size of the component.
Visible UsedAs<boolean> ❌ true Whether the component is shown.
Title UsedAs<string> ❌ - Title at the top of the card.
Subtitle UsedAs<string> ❌ - Smaller text under the title.
Children any ❌ - Content to show under the title.

See also