SchemaViewer
DomainInteractive JSON Schema tree viewer with type coloring, constraint display, and collapsible nodes.
User
objectA user account object
id*string(uuid)Unique identifier
email*string(email)Email address
name*string
minLength: 1maxLength: 100
roleenumUser role
"admin""editor""viewer"createdAtstring(date-time)
activebooleandefault:
trueconst userSchema = {
type: 'object',
required: ['id', 'email', 'name'],
properties: {
id: { type: 'string', format: 'uuid', readOnly: true },
email: { type: 'string', format: 'email' },
name: { type: 'string', minLength: 1, maxLength: 100 },
role: { type: 'string', enum: ['admin', 'editor', 'viewer'] },
active: { type: 'boolean', default: true },
},
};
<SchemaViewer schema={userSchema} title="User" />PaginatedUsers
object
dataarray[object]
totalintegerTotal items
pageinteger
pageSizeinteger
const listSchema = {
type: 'object',
properties: {
data: { type: 'array', items: userSchema },
total: { type: 'integer', description: 'Total items' },
page: { type: 'integer' },
pageSize: { type: 'integer' },
},
};
<SchemaViewer schema={listSchema} title="PaginatedUsers" />