SettingsLayout
settings · 6 variants · pages: app, accountnpx shadcn-vue@latest add @trame/saas-settings-layout # Vue
npx shadcn@latest add @trame/saas-settings-layout # React-
sidebar@trame/saas-settings-layout--sidebara settings page with several sections: the navigation on the left, the selected section on the right
-
split-rows@trame/saas-settings-layout--split-rowsgroups that save on their own: the title and its explanation beside the fields, one card per group
-
tabs@trame/saas-settings-layout--tabsthree to five sections that read as one page of an account (Compte, Sécurité, Notifications)
-
single@trame/saas-settings-layout--singleone or two sections as a single long form with one save bar (a profile and an address)
-
directory@trame/saas-settings-layout--directorySection tiles above a focused form for settings that need clear descriptions before opening.
-
preference-rows@trame/saas-settings-layout--preference-rowsA long settings document with controls aligned beside their labels for regional and account preferences.